19 lines
332 B
SCSS
19 lines
332 B
SCSS
// mixins for mobile responsiveness
|
|
|
|
@mixin screen($res-min, $res-max) {
|
|
@media screen and ( min-width: $res-min ) and ( max-width: $res-max ) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin max-screen($res) {
|
|
@media screen and ( max-width: $res ) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin min-screen($res) {
|
|
@media screen and ( min-width: $res ) {
|
|
@content;
|
|
}
|
|
} |