Files
Snigdha-OS.github.io/src/assets/scss/base/_breakpoint.scss
Eshan Roy (Eshanized) ec3cafabd8 🛠️ build(astro): nuxtjs to astro
2024-06-16 23:19:02 +05:30

26 lines
624 B
SCSS

// | -------------------------------------------------------------
// | Breakpoint
// | -------------------------------------------------------------
$breakpoints: (
"default": 0,
"small": 24em,
"medium": 48em,
"large": 75em
) !default;
@mixin breakpoint($breakpoint) {
@if map-has-key($breakpoints, $breakpoint) {
@media (min-width: map-get($breakpoints, $breakpoint)) {
@content;
}
} @else if (type_of($breakpoint) == number) {
@media (min-width: $breakpoint+"px") {
@content;
}
}
@else {
@error "Not a correct value, check _base-breakpoints for available values.";
}
}