workadventure/website/dist/assets/sass/layout/_wrapper.scss
2021-01-03 04:29:51 +01:00

30 lines
717 B
SCSS

///
/// Indivisible by Pixelarity
/// pixelarity.com | hello@pixelarity.com
/// License: pixelarity.com/license
///
/* Wrapper */
#wrapper {
@include vendor('display', 'flex');
@include vendor('align-items', 'center');
@include vendor('flex-direction', 'column');
@include vendor('justify-content', 'center');
@include vendor('perspective', '1000px');
min-height: 100vh;
padding: (_size(element-margin) * 1.5);
width: 100%;
@include breakpoint('<=large') {
padding: (_size(element-margin) * 0.75);
}
@include breakpoint('<=medium') {
padding: _size(element-margin);
}
@include breakpoint('<=small') {
padding: (_size(element-margin) * 0.5);
}
}