Border
Width
Name | Value |
---|---|
border-width-base | 1px Defined in Refers to Refers to |
border-width-thick | 2px Defined in Refers to 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 deprecated | #a2a9b1 Defined in Refers to Deprecated: Use `border-color-base` instead. |
border-color-base--active deprecated | #72777d Defined in Refers to Deprecated: Use `border-color-interactive` instead. |
border-color-base--focus deprecated | #36c Defined in Refers to Deprecated: Use `border-color-progressive--focus` instead. |
border-color-base--disabled deprecated | #c8ccd1 Defined in Refers to Deprecated: Use `border-color-disabled` instead. |
border-color-filled--disabled deprecated | #fff Defined in Refers to Deprecated: Use `border-color-inverted` instead. |
border-color-neutral deprecated | #a2a9b1 Defined in Refers to Deprecated: Use `border-color-base` instead. |
border-color-neutral--hover deprecated | #a2a9b1 Defined in Refers to Deprecated: Use `border-color-base` instead. |
border-color-neutral--active deprecated | #72777d Defined in Refers to Deprecated: Use `border-color-interactive` instead. |
border-color-neutral--focus deprecated | #36c Defined in Refers to Deprecated: Use `border-color-progressive--focus` instead. |
border-color-inset--focus deprecated | #fff 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 deprecated | #36c Defined in Refers to |
border-color-primary--hover deprecated | #447ff5 Defined in Refers to |
border-color-primary--active deprecated | #2a4b8d Defined in Refers to |
border-color-primary--focus deprecated | #36c Defined in Refers to |
Radius
Name | Value |
---|---|
border-radius-base | 2px Defined in Refers to 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 |