Refinements
Transition, Borders and Shadow definitions.
| Token | Type | Default Value | Example |
|---|---|---|---|
--fs-border-color | Border | var(--fs-color-neutral-4) | |
--fs-border-color-hover | Border | var(--fs-color-main-3) | |
--fs-border-color-active | Border | var(--fs-color-main-2) | |
--fs-border-color-disabled | Border | var(--fs-color-neutral-6) | |
--fs-border-color-light | Border | var(--fs-color-neutral-2) | |
--fs-border-color-light-hover | Border | var(--fs-color-neutral-3) | |
--fs-border-color-light-active | Border | var(--fs-color-neutral-3) | |
--fs-border-color-light-disabled | Border | var(--fs-color-neutral-5) | |
--fs-transition-timing | Transition | .2s | |
--fs-transition-property | Transition | all | |
--fs-transition-function | Transition | ease-in-out | |
--fs-shadow | Shadow | none | |
--fs-shadow-darker | Shadow | 0 0 10px rgb(0 0 0 / 20%) | |
--fs-shadow-hover | Shadow | 0 0 0 1px var(--fs-color-main-4) |