On this page

Transition

Transition-duration

List of design token names, values and metadata for `transition-duration`
Name	Value
transition-duration-base	`100ms` Hello Defined in `src/codex-base.json` Refers to `transition-duration.100`
transition-duration-medium	`250ms` Hello Defined in `src/codex-base.json` Refers to `transition-duration.200`

Transition-timing-function

List of design token names, values and metadata for `transition-timing-function`
Name	Value
transition-timing-function-system	`ease` Hello Defined in `src/codex-base.json` Refers to `transition-timing-function.100`
transition-timing-function-user	`ease-out` Hello Defined in `src/codex-base.json` Refers to `transition-timing-function.200`

Transition-property

List of design token names, values and metadata for `transition-property`
Name	Value
transition-property-base	`background-color, color, border-color, box-shadow` Hello Defined in `src/codex-base.json` Refers to `transition-property.background-color` Refers to `transition-property.color` Refers to `transition-property.border-color` Refers to `transition-property.box-shadow`
transition-property-fade	`opacity` Hello Defined in `src/codex-base.json` Refers to `transition-property.opacity`
transition-property-icon	`color` Hello Defined in `src/codex-components.json` Refers to `transition-property.color`
transition-property-icon-css-only	`background-color` Hello Defined in `src/codex-components.json` Refers to `transition-property.background-color`
transition-property-toggle-switch-grip	`background-color, border-color, transform` Hello Defined in `src/codex-components.json` Refers to `transition-property.background-color` Refers to `transition-property.border-color` Refers to `transition-property.transform`

Deprecated token aliases

WARNING

The tokens below are not available in Codex. There are only available as deprecated aliases in WikimediaUI Base.

List of design token names, values and metadata for `transition`
Name	Value
transition-base deprecated	`100ms` Hello Defined in `src/deprecated-aliases-wikimedia-ui-base.json` Refers to `transition-duration.base` Deprecated: Use `transition-duration-base` instead.