These are some useful links and files regarding available responsive mixins and its SASS variables.
About the available responsive media query mixin:
For media queries with
max-width, use:
@include media-query(null, $responsive-breakpoint-variable) {
...
}For media queries with
min-width(useful for mobile-first approach), use:
@include media-query($responsive-breakpoint-variable, null) {
...
}