Border Radius
Border radius tokens for the design system
| Name | Preview | Value | CSS Variable |
|---|---|---|---|
| border-radius | 0.75rem (12px) | --border-radius: 0.75rem; | |
| border-radius-lg | 1rem (16px) | --border-radius-lg: 1rem; | |
| border-radius-xl | 2rem (32px) | --border-radius-xl: 2rem; | |
| border-radius-tile | 4px (4px) | --border-radius-tile: 4px; |
Padding
Padding tokens for the design system
| Name | Preview | Value | CSS Variable |
|---|---|---|---|
| padding | 1rem (16px) | --s3-padding: 1rem; | |
| padding-lg | 1.5rem (24px) | --s3-padding-lg: 1.5rem; |