grav-theme-future2021/assets/sass/layout/_wrapper.scss
pmoreno.rodriguez 0a154ea3de
Initial commit
2022-02-04 07:14:26 +01:00

38 lines
No EOL
799 B
SCSS

///
/// Future Imperfect 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', 'row-reverse');
@include vendor('transition', 'opacity #{_duration(menu)} ease');
margin: 0 auto;
max-width: 100%;
opacity: 1;
padding: (_size(section-spacing) * 1.5);
width: 90em;
body.is-menu-visible & {
opacity: 0.15;
}
@include breakpoint('<=xlarge') {
padding: _size(section-spacing);
}
@include breakpoint('<=large') {
display: block;
}
@include breakpoint('<=small') {
padding: _size(section-spacing-small);
}
body.single & {
display: block;
}
}