sassyons/docs/margins.md

Inspired by Tachyons

# Margin Styles

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

Here's what the shorthand names mean:

| Shorthand | Definition |
| --------- | ---------- |
| mha | margin horizontal auto |
| mla | margin left auto |
| mra | margin right auto |
| ma | margin all |
| mt | margin top |
| mr | margin right |
| mb | margin bottom |
| ml | margin left |
| mh | margin horizontal |
| mv | margin vertical |

Here's the classes you can use:

| Class | Properties |
| ----- | ---------- |
| mha | margin-left: auto; margin-right: auto |
| mla | margin-left: auto |
| mra | margin-right: auto |
| ma⟨num⟩ | margin: ⟨num⟩px |
| mt⟨num⟩ | margin-top: ⟨num⟩px |
| mr⟨num⟩ | margin-right: ⟨num⟩px |
| mb⟨num⟩ | margin-bottom: ⟨num⟩px |
| ml⟨num⟩ | margin-left: ⟨num⟩px |
| mh⟨num⟩ | margin-left: ⟨num⟩px; margin-right: ⟨num⟩px |
| mv⟨num⟩ | margin-top: ⟨num⟩px; margin-bottom: ⟨num⟩px |