assets/main/sass/layout/_main.scss

   1 ///
   2 /// Editorial by HTML5 UP
   3 /// html5up.net | @ajlkn
   4 /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
   5 ///
   6
   7 /* Main */
   8
   9         #main {
  10                 @include vendor('flex-grow', '1');
  11                 @include vendor('flex-shrink', '1');
  12                 width: 100%;
  13
  14                 > .inner {
  15                         @include padding(0, 6em);
  16                         margin: 0 auto;
  17                         max-width: 110em;
  18
  19                         > section {
  20                                 @include padding(6em, 0);
  21                                 border-top: solid 2px _palette(border);
  22
  23                                 &:first-of-type {
  24                                         border-top: 0 !important;
  25                                 }
  26                         }
  27                 }
  28
  29                 @include breakpoint('<=xlarge') {
  30                         > .inner {
  31                                 @include padding(0, 5em);
  32
  33                                 > section {
  34                                         @include padding(5em, 0);
  35                                 }
  36                         }
  37                 }
  38
  39                 @include breakpoint('<=large') {
  40                         > .inner {
  41                                 @include padding(0, 4em);
  42
  43                                 > section {
  44                                         @include padding(4em, 0);
  45                                 }
  46                         }
  47                 }
  48
  49                 @include breakpoint('<=small') {
  50                         > .inner {
  51                                 @include padding(0, 2em);
  52
  53                                 > section {
  54                                         @include padding(3em, 0);
  55                                 }
  56                         }
  57                 }
  58         }