Fix badge in menu item

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 @@
                     --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') {