// $width-very-narrow: 600px; $width-narrow: 750px; $width-normal: 1000px; $width-wide: 1600px; @mixin responsive($min-width) { @media screen and (min-width: $min-width) { @content; } } @mixin wide { @include responsive($width-wide) { @content; } } @mixin normal { @include responsive($width-normal) { @content; } } @mixin narrow { @include responsive($width-narrow) { @content; } }