Borders
Design tokens for border styles
Border tokens are composed of a border size, border style and border color.
Base Border Tokens
| Token | Value | Compiled Value |
|---|---|---|
| $border-style | solid | solid |
| $border-color | $su-gray-medium-60 | #A9ADB3 |
| $border-width-0 | 0px | 0px |
| $border-width-1 | 1px | 1px |
| $border-width-2 | 2px | 2px |
| $border-width-3 | 3px | 3px |
| $border-width-4 | 4px | 4px |
| $border-width-5 | 5px | 5px |
| $border-width-6 | 6px | 6px |
| $border-width | $border-width-1 | 1px |
| $border | $border-width $border-style $border-color | 1px solid #A9ADB3 |