40 lines
572 B
SCSS
40 lines
572 B
SCSS
|
$sm-min-width: 576px;
|
||
|
|
$md-min-width: 768px;
|
||
|
|
$lg-min-width: 992px;
|
||
|
|
$xl-min-width: 1200px;
|
||
|
|
|
||
|
|
@mixin sm-width {
|
||
|
|
@media (min-width: $sm-min-width) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin before-md-width {
|
||
|
|
@media (max-width: $md-min-width - 1) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin md-width {
|
||
|
|
@media (min-width: $md-min-width) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin before-lg-width {
|
||
|
|
@media (max-width: $lg-min-width - 1) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin lg-width {
|
||
|
|
@media (min-width: $lg-min-width) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@mixin xl-width {
|
||
|
|
@media (min-width: $xl-min-width) {
|
||
|
|
@content;
|
||
|
|
}
|
||
|
|
}
|