app/assets/stylesheets/_responsive.scss
@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; }
}