Example
Media query
Creates a media query for a class. Resize the window to see the changes between blue and green background color.
HTML:
<span class="mixin-example-mq">_</span>SCSS:
.mixin-example-mq {
background-color: green;
@include mq("lg") {
background-color: blue;
}
}Classes
| Mixin | Parameters | Values |
| from | Width | xs, sm, md, lg |
| until | Width | xs, sm, md, lg |
| orientation | Orientation | landscape, portrait |
| and | Extra condition | and (min-height: (number)px) |