superReal / srbreakpoints

sR Breakpoints

SASS Helpers for Breakpoint Handling

The sR Breakpoints module provides SASS functions and mixins, which simplify working with media queries aka breakpoints.

$ yarn add @superreal/srbreakpoints

If you prefer using npm:

$ npm install --save @superreal/srbreakpoints

Import the sR Breakpoints module in your project and initialize it:

@import 'path_to_node_modules_folder/@superreal/srbreakpoints/src/styles/srbreakpoints.scss';
@include srbreakpoints-init();

Note that on initialization the module creates a global variable named srbreakpoints {Map} with all settings.