docs-v2/assets/styles/tools/media-query-mixins.scss

18 lines
412 B
SCSS

@mixin media($size) {
@if $size == small {
@media (max-width: 600px) { @content ; }
}
@else if $size == medium {
@media (max-width: 800px) { @content ; }
}
@else if $size == large_min {
@media (min-width: 801px) { @content ; }
}
@else if $size == large {
@media (max-width: 1280px) { @content ; }
}
@else if $size == xlarge {
@media (min-width: 1690px) { @content ; }
}
}