Dead Simple Flexbox Grid
npm install @superreal/srgrid
sR Grid is a flexible and fully responsive grid system based on Flexbox.
It follows the mobile first approach and the features are module-based. In the default setup each feature is disabled
and can be enabled as required. In this way the generated code remains as small as possible.
The sR Grid uses data attributes. The markup remains clear and easy to understand.
bash
$ yarn add @superreal/srbreakpoints @superreal/srgrid
`If you prefer using npm:
bash
$ npm install --save @superreal/srbreakpoints @superreal/srgrid
`Note: the sR Grid module uses sR Breakpoints as a dependency.
Usage
1. Import the sR Breakpoints & sR Grid modules
2. Init sR Breakpoints module
3. Create a sR Grid grid
scss
@import 'path_to_node_modules_folder/@superreal/srbreakpoints/src/styles/srbreakpoints.scss';
@import 'path_to_node_modules_folder/@superreal/srgrid/src/styles/srgrid.scss';@include srbreakpoints-init(
// Your sR Breakpoints settings
);
@include srgrid-create-grid(
// Your sR Grid settings
);
``