Media Queries

The Media Queries mixin is very simple, just use mq(breakpoint) or use with custom values.

By default we include 5 breakpoints by default: small, medium, retina, large, huge. Check config.scss to show/edit the default values.


    @include mq(small) {
        // This code shows only on phone media query
    }
    @include mq(min, max, orientation) {
        // You can use custom values for specific media query
    }
    @include mq(425px, 720px, landscape) {
        // This is only shown in this range and orientation
    }