Line | |
---|
1 | /// |
---|
2 | /// Dimension 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 | /* Wrapper */ |
---|
8 | |
---|
9 | #wrapper { |
---|
10 | @include vendor('display', 'flex'); |
---|
11 | @include vendor('flex-direction', 'column'); |
---|
12 | @include vendor('align-items', 'center'); |
---|
13 | @include vendor('justify-content', 'space-between'); |
---|
14 | position: relative; |
---|
15 | min-height: 100vh; |
---|
16 | width: 100%; |
---|
17 | padding: 4rem 2rem; |
---|
18 | z-index: 3; |
---|
19 | |
---|
20 | &:before { |
---|
21 | content: ''; |
---|
22 | display: block; |
---|
23 | } |
---|
24 | |
---|
25 | @include breakpoint(xlarge) { |
---|
26 | padding: 3rem 2rem; |
---|
27 | } |
---|
28 | |
---|
29 | @include breakpoint(small) { |
---|
30 | padding: 2rem 1rem; |
---|
31 | } |
---|
32 | |
---|
33 | @include breakpoint(xsmall) { |
---|
34 | padding: 1rem; |
---|
35 | } |
---|
36 | } |
---|
Note: See
TracBrowser for help on using the repository browser.