sR Breakpoints

SASS Helpers for Breakpoint Handling

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

Installation

$ yarn add @superreal/srbreakpoints

If you prefer using npm:

$ npm install --save @superreal/srbreakpoints

Usage

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.

Documentation

• Defaults
• Breakpoint declaration
• Debug mode
• Helper mixins
• Helper functions

License (MIT)

Copyright (c) superReal GmbH