36 lines
730 B
SCSS
36 lines
730 B
SCSS
|
///
|
||
|
|
/// Dimension by HTML5 UP
|
||
|
|
/// html5up.net | @ajlkn
|
||
|
|
/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
|
|
///
|
||
|
|
|
||
|
|
/* Wrapper */
|
||
|
|
|
||
|
|
#wrapper {
|
||
|
|
@include vendor('display', 'flex');
|
||
|
|
@include vendor('flex-direction', 'column');
|
||
|
|
@include vendor('align-items', 'center');
|
||
|
|
@include vendor('justify-content', 'space-between');
|
||
|
|
position: relative;
|
||
|
|
min-height: 100vh;
|
||
|
|
width: 100%;
|
||
|
|
padding: 4rem 2rem;
|
||
|
|
z-index: 3;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
@include breakpoint('<=xlarge') {
|
||
|
|
padding: 3rem 2rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
@include breakpoint('<=small') {
|
||
|
|
padding: 2rem 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
@include breakpoint('<=xsmall') {
|
||
|
|
padding: 1rem;
|
||
|
|
}
|
||
|
|
}
|