34 lines
431 B
SCSS
34 lines
431 B
SCSS
//MEDIA QUERY MANAGER
|
|
|
|
@mixin MediaQuery($breakpoint) {
|
|
@if $breakpoint==sm {
|
|
@media (min-width: 640px) {
|
|
@content
|
|
}
|
|
}
|
|
|
|
@if $breakpoint==md {
|
|
@media (min-width: 768px) {
|
|
@content
|
|
}
|
|
}
|
|
|
|
@if $breakpoint==lg {
|
|
@media (min-width: 1024px) {
|
|
@content
|
|
}
|
|
}
|
|
|
|
@if $breakpoint==xl {
|
|
@media (min-width: 1280px) {
|
|
@content
|
|
}
|
|
}
|
|
|
|
@if $breakpoint=="2xl" {
|
|
@media (min-width: 1536px) {
|
|
@content
|
|
}
|
|
}
|
|
}
|