From 27222cb91c390a42055a7123b5a9409c928e8b26 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 19 Oct 2024 18:23:02 +0200 Subject: Fixes --- src/objects/_action-button.scss | 64 ++++++++++++++++++++--------------------- 1 file changed, 32 insertions(+), 32 deletions(-) (limited to 'src/objects/_action-button.scss') diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index 48149b1..8efdad9 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss @@ -9,91 +9,91 @@ @use 'action-button.vars' as vars; @mixin -apply-theme($theme, $key: ()) { - color: props.get($theme, list.join($key, --disabled --label)...); - background-color: props.get($theme, list.join($key, --disabled --bg)...); - border-color: props.get($theme, list.join($key, --disabled --border)...); + color: props.get($theme, list.join($key, --disabled --label-color)...); + background-color: props.get($theme, list.join($key, --disabled --bg-color)...); + border-color: props.get($theme, list.join($key, --disabled --border-color)...); &::after { - outline-color: props.get($theme, list.join($key, --key-focus --border)...); + outline-color: props.get($theme, list.join($key, --key-focus --border-color)...); box-shadow: 0 0 0 calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width)) - props.get($theme, list.join($key, --key-focus --outline-width)...); + props.get($theme, list.join($key, --key-focus --outline-color)...); } &:link, &:visited, &:enabled { - color: props.get($theme, list.join($key, --label)...); - background-color: props.get($theme, list.join($key, --bg)...); - border-color: props.get($theme, list.join($key, --border)...); + color: props.get($theme, list.join($key, --label-color)...); + background-color: props.get($theme, list.join($key, --bg-color)...); + border-color: props.get($theme, list.join($key, --border-color)...); &:hover, &:focus-visible { - color: props.get($theme, list.join($key, --hover --label)...); - background-color: props.get($theme, list.join($key, --hover --bg)...); - border-color: props.get($theme, list.join($key, --hover --border)...); + color: props.get($theme, list.join($key, --hover --label-color)...); + background-color: props.get($theme, list.join($key, --hover --bg-color)...); + border-color: props.get($theme, list.join($key, --hover --border-color)...); } &:active { - color: props.get($theme, list.join($key, --active --label)...); - background-color: props.get($theme, list.join($key, --active --bg)...); - border-color: props.get($theme, list.join($key, --active --border)...); + color: props.get($theme, list.join($key, --active --label-color)...); + background-color: props.get($theme, list.join($key, --active --bg-color)...); + border-color: props.get($theme, list.join($key, --active --border-color)...); } } @include iro.bem-modifier('quiet') { - color: props.get($theme, list.join($key, --quiet --disabled --label)...); + color: props.get($theme, list.join($key, --quiet --disabled --label-color)...); background-color: transparent; border-color: transparent; &:link, &:visited, &:enabled { - color: props.get($theme, list.join($key, --quiet --label)...); + color: props.get($theme, list.join($key, --quiet --label-color)...); background-color: transparent; border-color: transparent; &:hover, &:focus-visible { - color: props.get($theme, list.join($key, --quiet --hover --label)...); - background-color: props.get($theme, list.join($key, --quiet --hover --bg)...); + color: props.get($theme, list.join($key, --quiet --hover --label-color)...); + background-color: props.get($theme, list.join($key, --quiet --hover --bg-color)...); border-color: transparent; } &:active { - color: props.get($theme, list.join($key, --quiet --active --label)...); - background-color: props.get($theme, list.join($key, --quiet --active --bg)...); + color: props.get($theme, list.join($key, --quiet --active --label-color)...); + background-color: props.get($theme, list.join($key, --quiet --active --bg-color)...); border-color: transparent; } } } @include iro.bem-is('selected') { - color: props.get($theme, list.join($key, --selected --disabled --label)...); - background-color: props.get($theme, list.join($key, --selected --disabled --bg)...); - border-color: props.get($theme, list.join($key, --selected --disabled --border)...); + color: props.get($theme, list.join($key, --selected --disabled --label-color)...); + background-color: props.get($theme, list.join($key, --selected --disabled --bg-color)...); + border-color: props.get($theme, list.join($key, --selected --disabled --border-color)...); &:link, &:visited, &:enabled { - color: props.get($theme, list.join($key, --selected --label)...); - background-color: props.get($theme, list.join($key, --selected --bg)...); - border-color: props.get($theme, list.join($key, --selected --border)...); + color: props.get($theme, list.join($key, --selected --label-color)...); + background-color: props.get($theme, list.join($key, --selected --bg-color)...); + border-color: props.get($theme, list.join($key, --selected --border-color)...); &:hover, &:focus-visible { - color: props.get($theme, list.join($key, --selected --hover --label)...); - background-color: props.get($theme, list.join($key, --selected --hover --bg)...); - border-color: props.get($theme, list.join($key, --selected --hover --border)...); + color: props.get($theme, list.join($key, --selected --hover --label-color)...); + background-color: props.get($theme, list.join($key, --selected --hover --bg-color)...); + border-color: props.get($theme, list.join($key, --selected --hover --border-color)...); } &:active { - color: props.get($theme, list.join($key, --selected --active --label)...); - background-color: props.get($theme, list.join($key, --selected --active --bg)...); - border-color: props.get($theme, list.join($key, --selected --active --border)...); + color: props.get($theme, list.join($key, --selected --active --label-color)...); + background-color: props.get($theme, list.join($key, --selected --active --bg-color)...); + border-color: props.get($theme, list.join($key, --selected --active --border-color)...); } } } -- cgit v1.3.1