Added button group

3 files changed, 18 insertions, 2 deletions

diff --git a/src/index.scss b/src/index.scss
index 3796c18..21054db 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -6,6 +6,7 @@
 
 @use 'layouts/card';
 @use 'layouts/container';
+@use 'layouts/button-group';
 
 @use 'objects/icon';
 @use 'objects/heading';
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
new file mode 100644
index 0000000..aee2000
--- /dev/null
+++ b/src/layouts/_button-group.scss
@@ -0,0 +1,15 @@
+@use 'iro-sass/src/index' as iro;
+@use '../functions' as fn;
+
+@include iro.props-namespace('button-group') {
+    @include iro.props-store((
+        --dims: (
+            --spacing: 1rem
+        ),
+    ), 'dims');
+
+    @include iro.bem-layout(iro.props-namespace()) {
+        display: flex;
+        gap:     1rem;
+    }
+}
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index 453b32b..4f18b08 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -50,8 +50,8 @@
         }
 
         @include iro.bem-elem('footer') {
-            padding-top: fn.dim(--pad-y);
-            text-align:  right;
+            justify-content: flex-end;
+            padding-top:     fn.dim(--pad-y);
         }
     }
 }