Beta: The --token-* CSS custom properties are in beta. We encourage you to start using them and welcome your feedback. The token API may still change, but we will communicate any breaking changes.
Radius
Radius tokens control border-radius values across themes. They map to foundation size values and may differ between brands.
| Token | DNB Light | DNB Dark | Sbanken Light | Sbanken Dark | Carnegie |
|---|---|---|---|---|---|
--token-radius-0 | 0 | 0 | 0 | 0 | 0 |
--token-radius-xs | 0.125rem | 0.125rem | 0.125rem | 0.125rem | 0 |
--token-radius-sm | 0.25rem | 0.25rem | 0.25rem | 0.25rem | 0.125rem |
--token-radius-md | 0.5rem | 0.5rem | 0.5rem | 0.5rem | 0.125rem |
--token-radius-lg | 1rem | 1rem | 1rem | 1rem | 0.25rem |
--token-radius-xl | 1.5rem | 1.5rem | 1.5rem | 1.5rem | 1.5rem |
--token-radius-full | 9999px | 9999px | 9999px | 9999px | 9999px |