modular-grid v1.1.0

Modular Grid

A bootstrap-style grid for use with CSS Modules

Example usage

myClass {
    composes: col-md-4 from 'modular-grid';
}

Available Classes

• container
• row
• col-breakpoint-columns
• col-breakpoint-offset-columns
• col-breakpoint-push-columns
• col-breakpoint-pull-columns
• visible-from-breakpoint
• visible-until-breakpoint
• hidden-from-breakpoint
• hidden-until-breakpoint

Customise

The number of columns, gutter size, and breakpoints are all controlled by Sass variables with the !default flag so you can overide these with your own values.

Example

$gutter: 20px;
$columns: 8;
$breakpoints: (xs: 0px, sm: 400px, md: 800px, lg: 1200px);