Codex
On this page

Opacity ​

NameValue
opacity-base1

Defined in src/codex-base.json

Refers to opacity.100

opacity-medium0.65

Defined in src/codex-base.json

Refers to opacity.60

opacity-low0.3

Defined in src/codex-base.json

Refers to opacity.30

opacity-transparent0

Defined in src/codex-base.json

Refers to opacity.0

Opacity Icon ​

Legacy opacity for Icon states in CSS-only component and non-Codex products.

NameValue
opacity-icon-base0.87

Defined in src/codex-base.json

Refers to opacity.87

opacity-icon-base--hover0.74

Defined in src/codex-base.json

Refers to opacity.74

opacity-icon-base--selected1

Defined in src/codex-base.json

Refers to opacity.100

opacity-icon-base--disabled0.51

Defined in src/codex-base.json

Refers to opacity.51

opacity-icon-placeholder0.51

Defined in src/codex-base.json

Refers to opacity.51

opacity-icon-subtle0.67

Defined in src/codex-base.json

Refers to opacity.67

Deprecated token aliases ​

WARNING

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

NameValue
opacity-base--disabled deprecated 0.51

Defined in src/deprecated-aliases-wikimedia-ui-base.json

Refers to opacity-icon.base--disabled

Deprecated: Legacy opacity for icon disabled state in non-Codex products. Has only been used for icons despite the name. (use `opacity-icon-base--disabled` instead)