23 lines
No EOL
409 B
SCSS
23 lines
No EOL
409 B
SCSS
// Grid Mixin
|
|
|
|
@mixin breakpoint($class) {
|
|
@if $class == xs {
|
|
@media (max-width: 500px) { @content; }
|
|
}
|
|
|
|
@else if $class == sm {
|
|
@media (max-width: 768px) { @content; }
|
|
}
|
|
|
|
@else if $class == md {
|
|
@media (max-width: 992px) { @content; }
|
|
}
|
|
|
|
@else if $class == lg {
|
|
@media (max-width: 1240px) { @content; }
|
|
}
|
|
|
|
@else {
|
|
@warn "Breakpoint mixin supports: xs, sm, md, lg";
|
|
}
|
|
} |