From 75857aedd1c6b58e6cf5ffaf184e994e4e2d52db Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Fri, 11 Feb 2022 18:49:39 +0100
Subject: Added button group

---
 tpl/index.pug          | 42 +++++++++++++++++-------------------------
 tpl/objects/dialog.pug |  2 +-
 2 files changed, 18 insertions(+), 26 deletions(-)

(limited to 'tpl')

diff --git a/tpl/index.pug b/tpl/index.pug
index 0b74ed8..605fa35 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -88,31 +88,23 @@ html
             +rule('medium')
 
             +box
-                +a-button(variant='accent')= 'Button'
-                = ' '
-                +a-button(variant='accent' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='accent' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='accent' outline=true disabled=true)= 'Button'
-                br
-                br
-                +a-button(variant='primary')= 'Button'
-                = ' '
-                +a-button(variant='primary' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='primary' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='primary' outline=true disabled=true)= 'Button'
-                br
-                br
-                +a-button(variant='secondary')= 'Button'
-                = ' '
-                +a-button(variant='secondary' disabled=true)= 'Button'
-                = ' '
-                +a-button(variant='secondary' outline=true)= 'Button'
-                = ' '
-                +a-button(variant='secondary' outline=true disabled=true)= 'Button'
+                .l-button-group
+                    +a-button(variant='accent')= 'Button'
+                    +a-button(variant='accent' disabled=true)= 'Button'
+                    +a-button(variant='accent' outline=true)= 'Button'
+                    +a-button(variant='accent' outline=true disabled=true)= 'Button'
+                br
+                .l-button-group
+                    +a-button(variant='primary')= 'Button'
+                    +a-button(variant='primary' disabled=true)= 'Button'
+                    +a-button(variant='primary' outline=true)= 'Button'
+                    +a-button(variant='primary' outline=true disabled=true)= 'Button'
+                br
+                .l-button-group
+                    +a-button(variant='secondary')= 'Button'
+                    +a-button(variant='secondary' disabled=true)= 'Button'
+                    +a-button(variant='secondary' outline=true)= 'Button'
+                    +a-button(variant='secondary' outline=true disabled=true)= 'Button'
 
             //-----------------------------------------
 
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug
index 2cbbd4f..3cbe95e 100644
--- a/tpl/objects/dialog.pug
+++ b/tpl/objects/dialog.pug
@@ -10,7 +10,7 @@ mixin dialog(title)
         +rule('medium')
         section.o-dialog__body
             block
-        footer.o-dialog__footer
+        footer.o-dialog__footer.l-button-group
             +a-button(outline=true)= 'Cancel'
             = ' '
             +a-button(outline=true variant='primary')= 'Continue'
-- 
cgit v1.2.3-54-g00ecf