Files
fox/src/assets/scss/app/helpers/_media.scss
T
2025-08-25 11:21:09 +00:00

40 lines
620 B
SCSS

// @deprecated
@mixin media($minWidth, $maxWidth) {
@media (min-width: $minWidth) and (max-width: $maxWidth) {
@content;
}
}
// @deprecated
@mixin media_max($maxWidth) {
@media (max-width: $maxWidth) {
@content;
}
}
// @deprecated
@mixin media_min($minWidth) {
@media (min-width: $minWidth) {
@content;
}
}
$breakpoints: (
xl: 1600px,
lg: 1400px,
md: 1200px,
sm: 960px,
);
@mixin max($breakpoint) {
$value: map-get($breakpoints, $breakpoint);
@if $value {
@media (max-width: $value) {
@content;
}
} @else {
@error "Breakpoint #{$breakpoint} not found";
}
}