From 757d0c3155507debf424b71ca97b144613f2d65c Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Jul 2025 21:54:56 +0200 Subject: Adjusted action button variants --- src/objects/_action-button.scss | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) (limited to 'src/objects/_action-button.scss') diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index f4a9a46..c997679 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss @@ -53,30 +53,30 @@ } @include bem.modifier('static') { - 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; + color: props.get($theme, list.join($key, --static --label-color)...); + background-color: props.get($theme, list.join($key, --static --bg-color)...); + border-color: props.get($theme, list.join($key, --static --border-color)...); box-shadow: none; &:link, &:visited, &:enabled { - 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; + color: props.get($theme, list.join($key, --static --label-color)...); + background-color: props.get($theme, list.join($key, --static --bg-color)...); + border-color: props.get($theme, list.join($key, --static --border-color)...); box-shadow: none; &:hover, &:focus-visible { - 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; + color: props.get($theme, list.join($key, --static --hover --label-color)...); + background-color: props.get($theme, list.join($key, --static --hover --bg-color)...); + border-color: props.get($theme, list.join($key, --static --hover --border-color)...); } &:active { - 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; + color: props.get($theme, list.join($key, --static --active --label-color)...); + background-color: props.get($theme, list.join($key, --static --active --bg-color)...); + border-color: props.get($theme, list.join($key, --static --active --border-color)...); } } } -- cgit v1.2.3-70-g09d2