Codex
On this page

Transition ​

Transition-duration ​

NameValue
transition-duration-base100ms
Hello

Defined in src/codex-base.json

Refers to transition-duration.100

transition-duration-medium250ms
Hello

Defined in src/codex-base.json

Refers to transition-duration.200

Transition-timing-function ​

NameValue
transition-timing-function-systemease
Hello

Defined in src/codex-base.json

Refers to transition-timing-function.100

transition-timing-function-userease-out
Hello

Defined in src/codex-base.json

Refers to transition-timing-function.200

Transition-property ​

NameValue
transition-property-basebackground-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-fadeopacity
Hello

Defined in src/codex-base.json

Refers to transition-property.opacity

transition-property-iconcolor
Hello

Defined in src/codex-components.json

Refers to transition-property.color

transition-property-icon-css-onlybackground-color
Hello

Defined in src/codex-components.json

Refers to transition-property.background-color

transition-property-toggle-switch-gripbackground-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.

NameValue
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.