Box shadow

NameValue
box-shadow-100inset 0 0 0 1px

Defined in src/theme-wikimedia-ui.json

box-shadow-200inset 0 0 0 2px

Defined in src/theme-wikimedia-ui.json

box-shadow-11000 1px 1px rgba( 0, 0, 0, 0.15 )

Defined in src/theme-wikimedia-ui.json

TODO: Definition of `rgba()` as combination of color and opacity is overly complex in Style Dictionary. Therefore adding drop shadow colors here for now.

box-shadow-12000 2px 2px 0 rgba( 0, 0, 0, 0.25 )

Defined in src/theme-wikimedia-ui.json

box-shadow-baseinset 0 0 0 1px transparent

Defined in src/codex-base.json

Refers to box-shadow.100

Refers to color.transparent

box-shadow-base--focusinset 0 0 0 1px #36c

Defined in src/codex-base.json

Refers to box-shadow.100

Refers to color.accent50

box-shadow-filled--disabledinset 0 0 0 1px #fff

Defined in src/codex-base.json

Refers to box-shadow.100

Refers to color.base100

box-shadow-progressive--focusinset 0 0 0 1px #36c, inset 0 0 0 2px #fff

Defined in src/codex-base.json

Refers to box-shadow.100

Refers to color.accent50

Refers to box-shadow.200

Refers to color.base100

box-shadow-primary--focusinset 0 0 0 1px #36c, inset 0 0 0 2px #fff

Defined in src/codex-base.json

Refers to box-shadow.progressive--focus

Deprecated: Replace by `box-shadow-progressive--focus`.

box-shadow-destructive--focusinset 0 0 0 1px #d33, inset 0 0 0 2px #fff

Defined in src/codex-base.json

Refers to box-shadow.100

Refers to color.utility-red50

Refers to box-shadow.200

Refers to color.base100

box-shadow-card0 1px 1px rgba( 0, 0, 0, 0.15 )

Defined in src/codex-components.json

Refers to box-shadow.1100

box-shadow-dialog0 2px 2px 0 rgba( 0, 0, 0, 0.25 )

Defined in src/codex-components.json

Refers to box-shadow.1200

box-shadow-menu0 2px 2px 0 rgba( 0, 0, 0, 0.25 )

Defined in src/codex-components.json

Refers to box-shadow.1200

Last updated: