Border Width

Border widths emphasize elements by providing contrast against the background.

We don't have semantic tokens for border width because there's already a small set of them to begin with. The majority of width usage should be width-1.

Name

Figma usage

Current value

--border-width-0

0px

0rem

--border-width-1

1px

0.063rem

--border-width-2

2px

0.125rem

--border-width-3

3px

0.188rem

--border-width-4

4px

0.25rem

--border-width-5

5px

0.313rem

--border-width-6

6px

0.375rem