AutorÃa | Ultima modificación | Ver Log |
$breakpoints: (
"small": 480px,
"medium": 768px,
"large": 1024px,
"desktop": 1200px,
);
@mixin maxwidth($breakpoint) {
@if map-has-key($map: $breakpoints, $key: $breakpoint) {
@media (min-width: map-get($breakpoints, $breakpoint )) {
@content;
}
} @else {
@warn 'No value could be retrieved from `#{breakpoint}`.' + 'Available breakpoints are #{map-keys($map: $breakpoints)}';
}
}