summaryrefslogtreecommitdiffstats
path: root/src/objects/_menu.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_menu.scss')
-rw-r--r--src/objects/_menu.scss9
1 files changed, 9 insertions, 0 deletions
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 @@
36 --border: fn.global-color(--focus --fill), 36 --border: fn.global-color(--focus --fill),
37 --shadow: fn.global-color(--focus --shadow), 37 --shadow: fn.global-color(--focus --shadow),
38 ), 38 ),
39 --badge: (
40 --bg: fn.global-color(--bg),
41 --label: fn.global-color(--fg-lo),
42 )
39 ), 43 ),
40 ), 44 ),
41 ), 'colors'); 45 ), 'colors');
@@ -72,6 +76,11 @@
72 @include iro.bem-multi('&:hover, &:active', 'is' 'selected') { 76 @include iro.bem-multi('&:hover, &:active', 'is' 'selected') {
73 background-color: fn.color(--item --hover --bg); 77 background-color: fn.color(--item --hover --bg);
74 color: fn.color(--item --hover --label); 78 color: fn.color(--item --hover --label);
79
80 @include iro.bem-elem('badge') {
81 background-color: fn.color(--item --badge --bg);
82 color: fn.color(--item --badge --label);
83 }
75 } 84 }
76 85
77 @include iro.bem-at-theme('keyboard') { 86 @include iro.bem-at-theme('keyboard') {