Change Details

## Background `.cdx-mixin-button-css-icon-background-color()` mixin has been introduced to provide a fallback for browsers not supporting `mask-image`. As it consumes only foreground colors for icon coloring the name is confusing when using tokens. ### Proposals 1. `.cdx-mixin-button-css-icon-fallback-color()` – best compromise IMO 2. `.cdx-mixin-button-css-icon-mask-fallback-color()` – descriptive but too complex 3. `.cdx-mixin-button-css-icon-mask-color()` – doesn't work as it's not the mask color ## Acceptance criteria [] Rename the mixin in Codex

== Background `.cdx-mixin-button-css-icon-background-color()` mixin has been introduced to provide a fallback for browsers not supporting `mask-image`. As it consumes only foreground colors for icon coloring the name is confusing when using tokens. === Proposals 1. `.cdx-mixin-button-css-icon-fallback-color()` – best compromise IMO 2. `.cdx-mixin-button-css-icon-mask-fallback-color()` – descriptive but too complex 3. `.cdx-mixin-button-css-icon-mask-color()` – doesn't work as it's not the mask color == Acceptance criteria [x] Rename the mixin in Codex

##== Background `.cdx-mixin-button-css-icon-background-color()` mixin has been introduced to provide a fallback for browsers not supporting `mask-image`. As it consumes only foreground colors for icon coloring the name is confusing when using tokens. ###=== Proposals 1. `.cdx-mixin-button-css-icon-fallback-color()` – best compromise IMO 2. `.cdx-mixin-button-css-icon-mask-fallback-color()` – descriptive but too complex 3. `.cdx-mixin-button-css-icon-mask-color()` – doesn't work as it's not the mask color ##== Acceptance criteria [x] Rename the mixin in Codex