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 }