You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
18 lines
361 B
18 lines
361 B
3 years ago
|
$breakpoints: (
|
||
|
|
sm: 640px,
|
||
|
|
md: 768px,
|
||
|
|
lg: 1024px,
|
||
|
|
xl: 1280px,
|
||
|
|
2xl: 1536px,
|
||
|
|
);
|
||
|
|
|
||
|
|
@mixin respond($breakpoint) {
|
||
|
|
@if not map-has-key($breakpoints, $breakpoint) {
|
||
|
|
@warn "'#{$breakpoint}' is not a valid breakpoint";
|
||
|
|
} @else {
|
||
|
|
@media (min-width: map-get($breakpoints, $breakpoint)) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|