24 lines
461 B
SCSS
24 lines
461 B
SCSS
|
|
$breakpoints: (
|
|
"phone": 600px,
|
|
"desktop": 1200px
|
|
);
|
|
|
|
@mixin media_min($key) {
|
|
@media (min-width: map-get($breakpoints,$key)) {
|
|
&{ @content; }
|
|
}
|
|
}
|
|
|
|
@mixin media_max($key) {
|
|
@media (max-width: map-get($breakpoints,$key)) {
|
|
&{ @content; }
|
|
}
|
|
}
|
|
|
|
@mixin media_minmax($key_min, $key_max) {
|
|
@media (min-width: map-get($breakpoints,$key_min)) and (max-width: map-get($breakpoints,$key_max)) {
|
|
&{ @content; }
|
|
}
|
|
}
|