PolarisTokens
| Token name | Current value | Figma usage | Description | |
|---|---|---|---|---|
--p-border-radius-05 | 0.125rem | Use a radius of 2 pixels | — | |
--p-border-radius-1 | 0.25rem | Use a radius of 4 pixels | — | |
--p-border-radius-2 | 0.5rem | Use a radius of 8 pixels | — | |
--p-border-radius-3 | 0.75rem | Use a radius of 12 pixels | — | |
--p-border-radius-4 | 1rem | Use a radius of 16 pixels | — | |
--p-border-radius-5 | 1.25rem | Use a radius of 20 pixels | — | |
--p-border-radius-6 | 1.875rem | Use a radius of 30 pixels | — | |
--p-border-radius-base | 0.1875rem | Use a radius of 3 pixels | — | |
--p-border-radius-large | 0.375rem | Use a radius of 6 pixels | — | |
--p-border-radius-half | 50% | Use a circle | — | |
--p-border-width-1 | 0.0625rem | — | — | |
--p-border-width-2 | 0.125rem | — | — | |
--p-border-width-3 | 0.1875rem | — | — | |
--p-border-width-4 | 0.25rem | — | — | |
--p-border-width-5 | 0.3125rem | — | — | |
--p-border-base | var(--p-border-width-1) solid var(--p-border-subdued) | — | — | |
--p-border-dark | var(--p-border-width-1) solid var(--p-border) | — | — | |
--p-border-transparent | var(--p-border-width-1) solid transparent | — | — | |
--p-border-divider | var(--p-border-width-1) solid var(--p-divider) | — | — | |
--p-border-divider-on-dark | var(--p-border-width-1) solid var(--p-divider-dark) | — | — |