Skip to content

Instantly share code, notes, and snippets.

@droid001
Created April 17, 2018 11:54
Show Gist options
  • Save droid001/b54a416fbd5d9156a0675bc718d079fd to your computer and use it in GitHub Desktop.
Save droid001/b54a416fbd5d9156a0675bc718d079fd to your computer and use it in GitHub Desktop.
media queries min/max/min-max mixins
@mixin break-min($min) {
@media only screen and (min-width: $min) {
@content;
}
}
@mixin break-max($max) {
@media only screen and (max-width: $max - 1px) {
@content;
}
}
@mixin break-min-max($min, $max) {
@media only screen and (min-width: $min) and (max-width: $max - 1px) {
@content;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment