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