You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
993 B
58 lines
993 B
/// |
|
/// Editorial by HTML5 UP |
|
/// html5up.net | @ajlkn |
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
|
/// |
|
|
|
/* Main */ |
|
|
|
#main { |
|
@include vendor('flex-grow', '1'); |
|
@include vendor('flex-shrink', '1'); |
|
width: 100%; |
|
|
|
> .inner { |
|
@include padding(0, 6em); |
|
margin: 0 auto; |
|
max-width: 110em; |
|
|
|
> section { |
|
@include padding(6em, 0); |
|
border-top: solid 2px _palette(border); |
|
|
|
&:first-of-type { |
|
border-top: 0 !important; |
|
} |
|
} |
|
} |
|
|
|
@include breakpoint('<=xlarge') { |
|
> .inner { |
|
@include padding(0, 5em); |
|
|
|
> section { |
|
@include padding(5em, 0); |
|
} |
|
} |
|
} |
|
|
|
@include breakpoint('<=large') { |
|
> .inner { |
|
@include padding(0, 4em); |
|
|
|
> section { |
|
@include padding(4em, 0); |
|
} |
|
} |
|
} |
|
|
|
@include breakpoint('<=small') { |
|
> .inner { |
|
@include padding(0, 2em); |
|
|
|
> section { |
|
@include padding(3em, 0); |
|
} |
|
} |
|
} |
|
} |