From 80f4c3d9a521321fff9d9ec495172b2a8318b0a4 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 17 Oct 2023 12:37:17 +0200 Subject: Fix badge in menu item --- src/objects/_menu.scss | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'src/objects/_menu.scss') diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss index cbd4194..b8bbb02 100644 --- a/src/objects/_menu.scss +++ b/src/objects/_menu.scss @@ -36,6 +36,10 @@ --border: fn.global-color(--focus --fill), --shadow: fn.global-color(--focus --shadow), ), + --badge: ( + --bg: fn.global-color(--bg), + --label: fn.global-color(--fg-lo), + ) ), ), ), 'colors'); @@ -72,6 +76,11 @@ @include iro.bem-multi('&:hover, &:active', 'is' 'selected') { background-color: fn.color(--item --hover --bg); color: fn.color(--item --hover --label); + + @include iro.bem-elem('badge') { + background-color: fn.color(--item --badge --bg); + color: fn.color(--item --badge --label); + } } @include iro.bem-at-theme('keyboard') { -- cgit v1.2.3-70-g09d2