Skip to content
Christian Griffith edited this page Feb 26, 2016 · 9 revisions

SCSS-Util

Grid

.container
.row
.col-6
.col-sm-4
.col-lg-2

.push-2
.push-md-2

Whitespace

.p-2
.pt-2

.p-sm-2

Type

t - size

t-0
t-md-4

Modifier Meaning Options Usage Output
a align left
center
right
.ta-center text-align: center
w weight bold
semibold
medium
book
.tw-bold font-weight: $tw-bold

Aspect Ratios

ratio

Modifier Meaning Usage Output
1_1 1:1 .ratio-1_1 A square box.
1_2 1:2 .ratio-1_2 A vertical rectangle.
4_3 4:3 .ratio-4_3 A squarer rectangle.
16_9 16:9 .ratio-16_9 A horizontal rectangle (videos).
Clone this wiki locally