mobile-simple-grid v1.0.0

Mobile simple grid

Very very simple grid focused on lightweight and mobile only development. At this moment the compiled file weighs less than 0.5kb

This grid fits awesome for AMP development (only mobile sizes, no responsive) because they have a limitation of 50,000 bytes for the weight of the CSS.

How to use

Compiling yourself

You can customize your own mobile simple grid using the variables.sass file.

In order to use this proyect to generate the this file you need to run:

yarn install
gulp styles

A mobile simple grid compiled versión will appear in the /dist folder

Using dist

You can use the repo dist version stored un /dist which uses these variables:

$name-block:                 'grd'
$name-element-container:     'ct'
$name-element-row:           'rw'
$name-element-col:           'cl'

$column-number:              12
$container-offset:           10px
$gutter:                     10px