Migrated from @blog -> @site
[editorial.git] / 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 }