B3Grid

Flexbox-based grid.

Documentation »

.bw100
.bw95
.bw5
.bw90
.bw10
.bw85
.bw15
.bw80
.bw20
.bw75
.bw25
.bw70
.bw30
.bw65
.bw35
.bw60
.bw40
.bw55
.bw45
.bw50
.bw50
.bw33 / .bw34
.bw-one-third
.bw66 / .bw67
.bw-two-thirds

.bh20
.bh25
.bh33 / .bh34
.bh-one-third
.bh50
.bh66 / .bh67
.bh-two-thirds
.bh75
.bh100

.g0
.g1
.g2
.g3
.g4
.g5
.g6

.full

.block

.halves

.block
.block

.thirds

.block
.block
.block

.quarters

.block
.block
.block
.block

.fifths

.block
.block
.block
.block
.block

.sixths

.block
.block
.block
.block
.block
.block

Default bricks with specified width on one brick.

.brick
.brick
.brick.bw25
.brick
.brick

 

Same as above with .fifths quick-width applied.

.brick
.brick
.brick.bw25
.brick
.brick

.tiles.padded

 

.tiles.quarters

.around

.brick
.brick
.brick
.brick
.brick

.between

.brick
.brick
.brick
.brick
.brick

.evenly

.brick
.brick
.brick
.brick
.brick

.center / .middle

.center .brick

.start / .top

.brick
.brick
.brick

.end / .bottom

.brick
.brick
.brick

.baseline

.brick
line 2
line 3
.brick.baseline
.brick
line 2
line 3

.stretch

.brick
line 2
line 3
.brick
.brick
line 2
line 3

.row-rev

brick 1
brick 2
brick 3
brick 4
brick 5

.col

brick 1
brick 2
brick 3
brick 4
brick 5

.col-rev

brick 1
brick 2
brick 3
brick 4
brick 5

.featured / .first / .last

.last
brick 1
brick 2
brick 3
brick 4
brick 5
.first