text: import property from 'lodash/property';
  import result from 'lodash/result';
  
  import style from 'style';
  // import { Link } from 'components/widgets';
  
  const gap = property('theme.grid.gap');
  
  const call = path => props => result(props, path);
  
  /*
  section {
    & > * {
      &:not(:first-child) {
        margin-left: ${gap};
      }
    }
  
    ${Link} {
      color: #4130db;
    }
  }
  */
  
  export default style`
    margin: 0 auto;
    position: relative;
  
    main {
      margin-top: var(--margin-top);
      min-height: calc(100vh - (var(--margin-top) * 2));
      padding: 0 ${gap} var(--margin-top) ${gap};
  
      ${call('theme.grid.show')}
    }
  `;
  