Skip to content

Commit

Permalink
docs(typography): readded extra font sizes, fixed fluid
Browse files Browse the repository at this point in the history
  • Loading branch information
Manthos Matzios committed Sep 1, 2022
1 parent 197c763 commit a4a5d89
Showing 1 changed file with 20 additions and 19 deletions.
39 changes: 20 additions & 19 deletions website/docs/webdev/3-Guidelines/1-typography.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -244,25 +244,26 @@ We set 16px (1rem) as the base font size for body text to ensure readability. It

### Font size

| Token name | Value(rem) |
| ---------------------- | ---------------- |
| font-size-00 | .75 |
| font-size-0 | .875 |
| font-size-1 | 1 |
| font-size-2 | 1.125 |
| font-size-3 | 1.25 |
| font-size-4 | 1.5 |
| font-size-5 | 1.625 |
| font-size-6 | 1.875 |
| font-size-7 | 2 |
| font-size-8 | 2.75 |

| Token name | Value(rem) | Value(px) |
| ---------------------- | ---------------- | ---------------- |
| font-size-00 | .75 | 12 |
| font-size-0 | .875 | 14 |
| font-size-1 | 1 | 16 |
| font-size-2 | 1.125 | 18 |
| font-size-3 | 1.25 | 20 |
| font-size-4 | 1.5 | 24 |
| font-size-5 | 1.625 | 26 |
| font-size-6 | 1.875 | 30 |
| font-size-7 | 2rem | 32 |
| font-size-8 | 2.25 | 36 |
| font-size-9 | 2.5 | 40 |
| font-size-10 | 2.75 | 44 |

### Font size fluid

| Token name | Value |
| ---------------------- | ------------------- |
| font-size-fluid-0 | .75rem, 2vw, 1rem |
| font-size-fluid-1 | 1rem, 4vw, 1.5rem |
| font-size-fluid-2 | 1.5rem, 6vw, 2.5rem |
| font-size-fluid-3 | 2rem, 9vw, 3.5rem |
| Token name | Value |
| ---------------------- | ----------------------------- |
| font-size-fluid-0 | clamp(1.125rem, 2vw, 1.25rem) |
| font-size-fluid-1 | clamp(1.25rem, 4vw, 1.625rem) |
| font-size-fluid-2 | clamp(1.5rem, 6vw, 2rem) |
| font-size-fluid-3 | clamp(1.875rem, 9vw, 2.75rem) |

0 comments on commit a4a5d89

Please sign in to comment.