porkchopclub/porkchop

View on GitHub
app/assets/stylesheets/_responsive.scss

Summary

Maintainability
Test Coverage
@mixin desktop {
  @media screen and (min-width: 801px) { @content; }
}

@mixin mobile {
  @media screen and (max-width: 800px) { @content; }
}

@mixin tablet {
  @media screen and (min-width: 501px) and (max-width: 800px) { @content; }
}

@mixin phone {
  @media screen and (max-width: 500px) { @content; }
}