Foundations5 of 7
Corners
A corner signals what you can do with a thing: square to read, a small radius to act, the switch to flip.
Decided Corners C, for now: "C for now. will continue to evolve."
The corner roles
| Role | Value now | Used by |
|---|---|---|
| --ds-radius-read | 0 | The top bar, tables, figures: anything you read |
| --ds-radius-tag | 3 px | Status tags (Raw, Failed) |
| --ds-radius-chip | 3 px | Filter chips |
| --ds-radius-act | 5 px | Buttons, inputs, menus, segmented controls |
| --ds-radius-panel | 8 px | Panels |
| --ds-radius-switch | 5 px | The on/off switch |
A panel · --ds-radius-panel
Raw
Corners E would make tags and panels square: two lines in tokens.css.