sassyons/docs/font-size.md

Inspired by Tachyons

# Font Size Styles

| Class | Properties |
| ----- | ---------- |
| f-initial | font-size: initial |
| f-inherit | font-size: inherit |

The following class names can be used with any number between and including 1 - 20:
* Example - the `f-2rem` class name will produce `font-size: 2rem`

| Class | Properties |
| ----- | ---------- |
| f-⟨num⟩em | font-size: ⟨num⟩em |
| f-⟨num⟩rem | font-size: ⟨num⟩rem |
| f-⟨num⟩vmin | font-size: ⟨num⟩vmin |

You can achieve decimal values for font sizes within the following range:
* 0.1 - 4.9
* Example = the `f-3-2vmin` class name will produce `font-size: 3.2vmin`

| Class | Properties |
| ----- | ---------- |
| f-⟨num⟩-⟨num⟩em | font-size: ⟨num⟩em |
| f-⟨num⟩-⟨num⟩rem | font-size: ⟨num⟩rem |
| f-⟨num⟩-⟨num⟩vmin | font-size: ⟨num⟩vmin |

See also [Text](./text.md) and [Font Styling](./font-styling.md)