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