From 75857aedd1c6b58e6cf5ffaf184e994e4e2d52db Mon Sep 17 00:00:00 2001 From: Volpeon Date: Fri, 11 Feb 2022 18:49:39 +0100 Subject: Added button group --- src/index.scss | 1 + src/layouts/_button-group.scss | 15 +++++++++++++++ src/objects/_dialog.scss | 4 ++-- 3 files changed, 18 insertions(+), 2 deletions(-) create mode 100644 src/layouts/_button-group.scss (limited to 'src') 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); } } } -- cgit v1.2.3-54-g00ecf