Containers

Full width
0 padding left and right
container-fullwidth
12 ColumnsEquals a max-width of 1280px and 160px padding left and right
container-col-12
10 ColumnsEquals a max-width of 1061px and 160px padding left and right
container-col-10
8 ColumnsEquals a max-width of 843px and 160px padding left and right
container-col-8
6 ColumnsEquals a max-width of 624px and 160px padding left and right
container-col-6
4 ColumnsEquals a max-width of 405px and 160px padding left and right
container-col-4

Spacing system

Margins

Top
Bottom
Top and bottom
Em
Px
Sample
is-margin-t-4
is-margin-b-4
is-margin-tb-4
0.25em
4px
is-margin-t-8
is-margin-b-8
is-margin-tb-8
0.5em
8px
is-margin-t-16
is-margin-b-16
is-margin-tb-16
1em
16px
is-margin-t-24
is-margin-b-24
is-margin-tb-24
1.5em
24px
is-margin-t-32
is-margin-b-32
is-margin-tb-32
2em
32px
is-margin-t-40
is-margin-b-40
is-margin-tb-40
2.5em
40px
is-margin-t-48
is-margin-b-48
is-margin-tb-48
3em
48px
is-margin-t-56
is-margin-b-56
is-margin-tb-56
3.5em
56px
is-margin-t-64
is-margin-b-64
is-margin-tb-64
4em
64px
is-margin-t-72
is-margin-b-72
is-margin-tb-72
4.5em
72px
is-margin-t-80
is-margin-b-80
is-margin-tb-80
5em
80px
is-margin-t-88
is-margin-b-88
is-margin-tb-88
5.5em
88px
is-margin-t-96
is-margin-b-96
is-margin-tb-96
6em
96px
is-margin-t-104
is-margin-b-104
is-margin-tb-104
6.5em
104px
is-margin-t-112
is-margin-b-112
is-margin-tb-112
7em
112px
is-margin-t-120
is-margin-b-120
is-margin-tb-120
7.5em
120px
is-margin-t-128
is-margin-b-128
is-margin-tb-128
8em
128px
is-margin-t-136
is-margin-b-136
is-margin-tb-136
8.5em
136px
is-margin-t-144
is-margin-b-144
is-margin-tb-144
9em
144px
is-margin-t-152
is-margin-b-152
is-margin-tb-152
9.5em
152px
is-margin-t-160
is-margin-b-160
is-margin-tb-160
10em
160px
is-margin-t-168
is-margin-b-168
is-margin-tb-168
10.5em
168px
is-margin-t-176
is-margin-b-176
is-margin-tb-176
11em
176px
is-margin-t-184
is-margin-b-184
is-margin-tb-184
11.5em
184px
is-margin-t-192
is-margin-b-192
is-margin-tb-192
12em
192px
is-margin-t-200
is-margin-b-200
is-margin-tb-200
12.5em
200px
is-margin-t-208
is-margin-b-208
is-margin-tb-208
13em
208px
is-margin-t-216
is-margin-b-216
is-margin-tb-216
13.5em
216px
is-margin-t-224
is-margin-b-224
is-margin-tb-224
14em
224px
is-margin-t-232
is-margin-b-232
is-margin-tb-232
14.5em
232px
is-margin-t-240
is-margin-b-240
is-margin-tb-240
15em
240px
is-margin-t-248
is-margin-b-248
is-margin-tb-248
15.5em
248px
is-margin-t-256
is-margin-b-256
is-margin-tb-256
16em
256px

Paddings

Top
Bottom
Top and bottom
Em
Px
Sample
is-pad-t-4
is-pad-b-4
is-pad-tb-4
0.25em
4px
is-pad-t-8
is-pad-b-8
is-pad-tb-8
0.5em
8px
is-pad-t-16
is-pad-b-16
is-pad-tb-16
1em
16px
is-pad-t-24
is-pad-b-24
is-pad-tb-24
1.5em
24px
is-pad-t-32
is-pad-b-32
is-pad-tb-32
2em
32px
is-pad-t-40
is-pad-b-40
is-pad-tb-40
2.5em
40px
is-pad-t-48
is-pad-b-48
is-pad-tb-48
3em
48px
is-pad-t-56
is-pad-b-56
is-pad-tb-56
3.5em
56px
is-pad-t-64
is-pad-b-64
is-pad-tb-64
4em
64px
is-pad-t-72
is-pad-b-72
is-pad-tb-72
4.5em
72px
is-pad-t-80
is-pad-b-80
is-pad-tb-80
5em
80px
is-pad-t-88
is-pad-b-88
is-pad-tb-88
5.5em
88px
is-pad-t-96
is-pad-b-96
is-pad-tb-96
6em
96px
is-pad-t-104
is-pad-b-104
is-pad-tb-104
6.5em
104px
is-pad-t-112
is-pad-b-112
is-pad-tb-112
7em
112px
is-pad-t-120
is-pad-b-120
is-pad-tb-120
7.5em
120px
is-pad-t-128
is-pad-b-128
is-pad-tb-128
8em
128px
is-pad-t-136
is-pad-b-136
is-pad-tb-136
8.5em
136px
is-pad-t-144
is-pad-b-144
is-pad-tb-144
9em
144px
is-pad-t-152
is-pad-b-152
is-pad-tb-152
9.5em
152px
is-pad-t-160
is-pad-b-160
is-pad-tb-160
10em
160px
is-pad-t-168
is-pad-b-168
is-pad-tb-168
10.5em
168px
is-pad-t-176
is-pad-b-176
is-pad-tb-176
11em
176px
is-pad-t-184
is-pad-b-184
is-pad-tb-184
11.5em
184px
is-pad-t-192
is-pad-b-192
is-pad-tb-192
12em
192px
is-pad-t-200
is-pad-b-200
is-pad-tb-200
12.5em
200px
is-pad-t-208
is-pad-b-208
is-pad-tb-208
13em
208px
is-pad-t-216
is-pad-b-216
is-pad-tb-216
13.5em
216px
is-pad-t-224
is-pad-b-224
is-pad-tb-224
14em
224px
is-pad-t-232
is-pad-b-232
is-pad-tb-232
14.5em
232px
is-pad-t-240
is-pad-b-240
is-pad-tb-240
15em
240px
is-pad-t-248
is-pad-b-248
is-pad-tb-248
15.5em
248px
is-pad-t-256
is-pad-b-256
is-pad-tb-256
16em
256px

Buttons

Class
Sample
btn--prm-med
Button Text
btn--sec-med
Button Text