Code Club Style Guide

Padding

Change padding

Add one of these classes to change padding of an element

Class Size
.u-padding--none
.u-padding-top--none
.u-padding-right--none
.u-padding-bottom--none
.u-padding-left--none
0px
.u-padding--base
.u-padding-top--base
.u-padding-right--base
.u-padding-bottom--base
.u-padding-left--base
16px
.u-padding--xx-small
.u-padding-top--xx-small
.u-padding-right--xx-small
.u-padding-bottom--xx-small
.u-padding-left--xx-small
4px
.u-padding--x-small
.u-padding-top--x-small
.u-padding-right--x-small
.u-padding-bottom--x-small
.u-padding-left--x-small
8px
.u-padding--small
.u-padding-top--small
.u-padding-right--small
.u-padding-bottom--small
.u-padding-left--small
12px
.u-padding--large
.u-padding-top--large
.u-padding-right--large
.u-padding-bottom--large
.u-padding-left--large
20px
.u-padding--x-large
.u-padding-top--x-large
.u-padding-right--x-large
.u-padding-bottom--x-large
.u-padding-left--x-large
32px
.u-padding--xx-large
.u-padding-top--xx-large
.u-padding-right--xx-large
.u-padding-bottom--xx-large
.u-padding-left--xx-large
48px
.u-padding--xxx-large
.u-padding-top--xxx-large
.u-padding-right--xxx-large
.u-padding-bottom--xxx-large
.u-padding-left--xxx-large
64px
.u-padding--xxxx-large
.u-padding-top--xxxx-large
.u-padding-right--xxxx-large
.u-padding-bottom--xxxx-large
.u-padding-left--xxxx-large
80px