Improved action menu

4 files changed, 30 insertions, 0 deletions

diff --git a/src/_base.scss b/src/_base.scss
index 54df879..6e404fe 100644
--- a/src/_base.scss
+++ b/src/_base.scss
@@ -35,6 +35,16 @@ p {
     }
 }
 
+strong {
+    color:       fn.color(--fg-lo);
+    font-weight: bold;
+}
+
+small {
+    color:     fn.color(--fg-hi);
+    font-size: fn.dim(--font-size --sm);
+}
+
 ul,
 ol {
     margin:       fn.dim(--paragraph --margin-top) 0 0;
diff --git a/src/_utils.scss b/src/_utils.scss
new file mode 100644
index 0000000..72c1f2f
--- /dev/null
+++ b/src/_utils.scss
@@ -0,0 +1,14 @@
+@use 'iro-sass/src/index' as iro;
+
+@include iro.bem-utility('db') {
+    display: block;
+}
+
+@include iro.bem-utility('dc') {
+    display: contents;
+}
+
+@include iro.bem-utility('elp') {
+    overflow:      hidden;
+    text-overflow: ellipsis;
+}
diff --git a/src/index.scss b/src/index.scss
index 5ceb11f..b4c437e 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -23,4 +23,6 @@
 
 @use 'layouts/form';
 
+@use 'utils';
+
 @use 'apply-vars';
diff --git a/src/objects/_action-menu.scss b/src/objects/_action-menu.scss
index 7c2dc4f..e908fdf 100644
--- a/src/objects/_action-menu.scss
+++ b/src/objects/_action-menu.scss
@@ -100,6 +100,10 @@
             }
         }
 
+        @include iro.bem-elem('slot') {
+            padding: fn.dim(--item --pad-y) fn.dim(--item --pad-x);
+        }
+
         @include iro.bem-elem('icon-slot') {
             display:         flex;
             justify-content: center;