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)