Grid

.elr-col-12

.elr-col-6

.elr-col-6

.elr-col-4

.elr-col-4

.elr-col-4

.elr-col-3

.elr-col-3

.elr-col-3

.elr-col-3

.elr-col-8

.elr-col-4

.elr-col-2

.elr-col-2

.elr-col-2

.elr-col-2

.elr-col-2

.elr-col-2

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

.elr-col-1

HTML

Sass

Named Column Grid System

.elr-col-full

.elr-col-half

.elr-col-half

.elr-col-third

.elr-col-two-thirds

.elr-col-third

.elr-col-third

.elr-col-third

.elr-col-three-fourths

.elr-col-quarter

.elr-col-quarter

.elr-col-quarter

.elr-col-quarter

.elr-col-quarter

.elr-col-fifth

.elr-col-fifth

.elr-col-fifth

.elr-col-fifth

.elr-col-fifth

HTML

Sass

Nested Columns

.elr-col-third

.elr-col-third

.elr-col-third

.elr-col-half

.elr-col-half

.elr-col-quarter

.elr-col-quarter

.elr-col-quarter

.elr-col-quarter

.elr-col-full

.elr-col-full

.elr-col-full

HTML

Sass

Offsets

.elr-col-half .elr-col-offset-6

.elr-col-quarter .elr-col-offset-3

.elr-col-quarter

HTML

Sass

Responsive Grid Columns

Named columns will override any responsive grid classes

.elr-col-3.elr-col-md-6.elr-col-sm-12

.elr-col-3.elr-col-md-6.elr-col-sm-12

.elr-col-3.elr-col-md-6.elr-col-sm-12

.elr-col-3.elr-col-md-6.elr-col-sm-12

HTML

Sass