tningjs/sam-and-his-friends

View on GitHub
src/public/assets/sass/layout/_wrapper.scss

Summary

Maintainability
Test Coverage
///
/// Future Imperfect by Pixelarity
/// pixelarity.com | hello@pixelarity.com
/// License: pixelarity.com/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;
  }
}