Font
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Stronger SME, Stronger societies
Spacing
| Token | rem | px |
|---|---|---|
| $spacer-0 | 0 | 0 |
| $spacer-1 | 0.125 | 2 |
| $spacer-2 | 0.25 | 4 |
| $spacer-3 | 0.5 | 8 |
| $spacer-4 | 0.75 | 12 |
| $spacer-5 | 1 | 16 |
| $spacer-6 | 1.25 | 20 |
| $spacer-7 | 1.5 | 24 |
| $spacer-8 | 2 | 32 |
| $spacer-9 | 2.5 | 40 |
| $spacer-10 | 3 | 48 |
Shadow
No shadow
Small shadow
Regular shadow
Larger shadow
Button
Size
Alert
A simple primary alert with an example link.
A simple success alert with an example link.
A simple danger alert with an example link.
A simple warning alert with an example link.