Padding

Padding classes follow the following syntax:

size - type - [direction] - [media-query]

size - Seven options definied in variables: xxl, xl, lg, md, sm, xs, xxs or no for none
type - For padding this is par
direction - Direction the padding should be applied: t, r, b, l (optional)
media-query - Breakpoint below which the class is active: lg, md, sm, xs (optional)

Examples

.lg-pad
.sm-pad

.lg-pad-l
.lg-pad-r
.lg-pad-l .lg-pad-r .lg-pad-b

.xl-pad .lg-pad-on-md .md-pad-on-sm