Mobile CSS Starter

'CSS Normalize' for mobile devices. Written in LESS.

Usage

app.less

Copy src folder to your application and use app.less as the entrance file.

_variables.less

Add as many variables as you want.

_mixins.less

Common mixins (including flex box).

_starter.less

All Normalization settings.

_grid.less

Grid system:

.row
.col-1-1
.col-x-2
.col-x-3
.col-x-4
.col-x-5

_gap.less

Margins:

.gap-side
.gap-t(-lg)
.gap-b(-lg)
.gap-l
.gap-r

_typography.less

Text sizes, colors and aligns:

.text-xl
.text-lg
.text-base
.text-sm
.text-xs
.text-light
.text-lighter
.text-lightest
.text-primary
.text-left
.text-center
.text-right

...and

.clearfix