Codex Direction:
Border
Width
| Name | Value |
|---|---|
| border-width-base | 1px Defined in Refers to |
| border-width-thick | 2px Defined in Refers to |
Style
| Name | Value |
|---|---|
| border-style-base | solid Defined in Refers to |
| border-style-dashed | dashed Defined in Refers to |
Color
| Name | Value |
|---|---|
| border-color-base | #a2a9b1 Defined in Refers to |
| border-color-interactive | #72777d Defined in Refers to |
| border-color-subtle | #c8ccd1 Defined in Refers to |
| border-color-disabled | #c8ccd1 Defined in Refers to |
| border-color-inverted | #fff Defined in Refers to |
| border-color-progressive | #36c Defined in Refers to |
| border-color-progressive--hover | #447ff5 Defined in Refers to |
| border-color-progressive--active | #2a4b8d Defined in Refers to |
| border-color-progressive--focus | #36c Defined in Refers to |
| border-color-destructive | #d33 Defined in Refers to |
| border-color-destructive--hover | #ff4242 Defined in Refers to |
| border-color-destructive--active | #b32424 Defined in Refers to |
| border-color-destructive--focus | #d33 Defined in Refers to |
| border-color-error | #d33 Defined in Refers to |
| border-color-warning | #fc3 Defined in Refers to |
| border-color-success | #14866d Defined in Refers to |
| border-color-notice | #a2a9b1 Defined in Refers to |
| border-color-transparent | transparent Defined in Refers to |
| border-color-base--hover | #a2a9b1 deprecated Defined in Refers to Deprecated: Use `border-color-base` instead. |
| border-color-base--active | #72777d deprecated Defined in Refers to Deprecated: Use `border-color-interactive` instead. |
| border-color-base--focus | #36c deprecated Defined in Refers to Deprecated: Use `border-color-progressive--focus` instead. |
| border-color-base--disabled | #c8ccd1 deprecated Defined in Refers to Deprecated: Use `border-color-disabled` instead. |
| border-color-filled--disabled | #fff deprecated Defined in Refers to Deprecated: Use `border-color-inverted` instead. |
| border-color-neutral | #a2a9b1 deprecated Defined in Refers to Deprecated: Use `border-color-base` instead. |
| border-color-neutral--hover | #a2a9b1 deprecated Defined in Refers to Deprecated: Use `border-color-base` instead. |
| border-color-neutral--active | #72777d deprecated Defined in Refers to Deprecated: Use `border-color-interactive` instead. |
| border-color-neutral--focus | #36c deprecated Defined in Refers to Deprecated: Use `border-color-progressive--focus` instead. |
| border-color-inset--focus | #fff deprecated Defined in Refers to Deprecated: Use `border-color-inverted` instead. |
| border-color-divider | #a2a9b1 Defined in Refers to |
| border-color-input--hover | #72777d Defined in Refers to |
| border-color-input-binary | #72777d Defined in Refers to |
| border-color-input-binary--hover | #447ff5 Defined in Refers to |
| border-color-input-binary--active | #2a4b8d Defined in Refers to |
| border-color-input-binary--focus | #36c Defined in Refers to |
| border-color-input-binary--checked | #36c Defined in Refers to |
| border-color-primary | #36c deprecated Defined in Refers to |
| border-color-primary--hover | #447ff5 deprecated Defined in Refers to |
| border-color-primary--active | #2a4b8d deprecated Defined in Refers to |
| border-color-primary--focus | #36c deprecated Defined in Refers to |
Radius
| Name | Value |
|---|---|
| border-radius-base | 2px Defined in Refers to |
| border-radius-sharp | 0 Defined in Refers to |
| border-radius-pill | 9999px Defined in Refers to |
| border-radius-circle | 100% Defined in Refers to |