1 // Responsive breakpoint control
2 @mixin smaller-than($size) {
3 @media screen and (max-width: $size) { @content; }
5 @mixin larger-than($size) {
6 @media screen and (min-width: $size) { @content; }
8 @mixin between($min, $max) {
9 @media screen and (min-width: $min) and (max-width: $max) { @content; }