/// /// 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; } }