From 7213f51c4d982a2eaf988574f109d13f55dbc285 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 7 Feb 2022 21:17:53 +0100 Subject: Update --- src/objects/_action-menu.scss | 22 +++++++++++++++++----- 1 file changed, 17 insertions(+), 5 deletions(-) (limited to 'src/objects/_action-menu.scss') diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss index 69fb9b0..cd35d47 100644 --- a/src/objects/_action-menu.scss +++ b/src/objects/_action-menu.scss @@ -24,8 +24,11 @@ --icon: fn.global-color(--fg-hi), --item: ( --hover: ( - --bg: fn.global-color(--obj-hi), - --fg: fn.global-color(--fg-lo), + --bg: fn.global-color(--obj-hi), + --label: fn.global-color(--fg-lo), + ), + --disabled: ( + --label: fn.global-color(--fg-hi3), ), ), ), @@ -71,12 +74,21 @@ box-sizing: border-box; width: 100%; padding: fn.dim(--item --pad-y) fn.dim(--item --pad-x); + color: fn.color(--item --disabled --label); + + &:link, + &:visited, + &:enabled { + color: currentColor; + + @include iro.bem-elem('icon') { + color: fn.color(--icon); + } - @include iro.bem-multi('&:link, &:visited', 'modifier' 'native') { &:hover, &:active { background-color: fn.color(--item --hover --bg); - color: fn.color(--item --hover --fg); + color: fn.color(--item --hover --label); @include iro.bem-elem('icon') { color: currentColor; @@ -92,7 +104,7 @@ } @include iro.bem-elem('icon') { - color: fn.color(--icon); + color: fn.color(--item --disabled --label); } } } -- cgit v1.2.3-54-g00ecf