Tokens

Token nameCurrent valueFigma usageDescription
--p-border-radius-05
0.125remUse a radius of 2 pixels
--p-border-radius-1
0.25remUse a radius of 4 pixels
--p-border-radius-2
0.5remUse a radius of 8 pixels
--p-border-radius-3
0.75remUse a radius of 12 pixels
--p-border-radius-4
1remUse a radius of 16 pixels
--p-border-radius-5
1.25remUse a radius of 20 pixels
--p-border-radius-6
1.875remUse a radius of 30 pixels
--p-border-radius-base
0.1875remUse a radius of 3 pixels
--p-border-radius-large
0.375remUse 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)
👋

We've made some improvements to our website to help you build more efficiently with Polaris.