Rev | Line | |
---|
[14926] | 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.