sassyons/docs/padding.md

Inspired by Tachyons

# Padding Styles

The following numbers in pixels can be used to select a border radius:
* 0, 4, 8, 12, 16, 20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64
* Example - the `pa8` class name will produce `padding: 8px`
* Example - the `pb16` class name will produce `padding-bottom: 16px`

Here's what the shorthand names mean:

| Shorthand | Definition |
| --------- | ---------- |
| pa | padding all |
| pt | padding top |
| pr | padding right |
| pb | padding bottom |
| pl | padding left |
| ph | padding horizontal |
| pv | padding vertical |

Here's the classes you can use:

| Class | Properties |
| ----- | ---------- |
| pa⟨num⟩ | padding: ⟨num⟩px |
| pt⟨num⟩ | padding-top: ⟨num⟩px |
| pr⟨num⟩ | padding-right: ⟨num⟩px |
| pb⟨num⟩ | padding-bottom: ⟨num⟩px |
| pl⟨num⟩ | padding-left: ⟨num⟩px |
| ph⟨num⟩ | padding-left: ⟨num⟩px; padding-right: ⟨num⟩px |
| pv⟨num⟩ | padding-top: ⟨num⟩px; padding-bottom: ⟨num⟩px |