UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

eufemia.dnb.no/uilib

dnbexperience/eufemia

26 lines (19 loc) • 1.35 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
--- version: 11.3.0 generatedAt: 2026-05-19T08:46:53.042Z checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40 --- --- **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` |