Anatomy
Properties
CSS Tokens : layout / sizes
| Size name | Margin | Font-size | Line-height |
|---|
| Label | 4px (mu025) (bottom) | size.font.04 (14px) | size.line.04.l (22px) |
| Error | 4px (mu025) (top) | size.font.04 (14px) | size.line.04.l (22px) |
| Requirement | | size.font.02 (12px) | size.line.04.l (22px) |
| Help text | 4px (mu025) (bottom) | size.font.02 (12px) | size.line.04.l (22px) |
CSS Tokens : state colors
You must always use the tokens, the colors are only there for that information.
| State | Property | Token | Color |
|---|
| Label | color | color.fields.label | #3C3738 |
| Error | color | color.fields.error | #B42A27 |
| Requirement | color | color.fields.requirement | #6F676C |
| Help text | color | color.fields.help | #6F676C |