_wrapper.scss (730B)
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 }