Skip to main content

Border

Globals

Radius

Token name
Value
$g-border-radius-0
0px
$g-border-radius-100
2px
$g-border-radius-200
4px
$g-border-radius-300
6px
$g-border-radius-full
50%

Width

Token name
Value
$g-border-width-0
0px
$g-border-width-100
1px
$g-border-width-200
2px

Style

Token name
Value
$g-border-style-none
none
$g-border-style-solid
solid
$g-border-style-dashed
dashed solid

Aliases

Token name
Value
$a-border-radius-small
$g-border-radius-100
$a-border-radius-medium
$g-border-radius-200
$a-border-radius-large
$g-border-radius-300
$a-border-width-small
$g-border-width-100
$a-border-width-medium
$g-border-width-200
$a-border-width-focus
$g-border-width-200