33 lines
553 B
SCSS
33 lines
553 B
SCSS
$breakpoint-xs-width: 400px;
|
|
$breakpoint-s-width: 768px;
|
|
$breakpoint-m-width: 1024px;
|
|
$breakpoint-l-width: 1440px;
|
|
|
|
////////////////////////////
|
|
// MEDIA QUERIES
|
|
/////////////////////////////
|
|
|
|
@mixin extra-small-break {
|
|
@media (max-width: #{$breakpoint-xs-width}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin small-break {
|
|
@media (max-width: #{$breakpoint-s-width}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin mid-break {
|
|
@media (max-width: #{$breakpoint-m-width}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin large-break {
|
|
@media (max-width: #{$breakpoint-l-width}) {
|
|
@content;
|
|
}
|
|
}
|