From 61ec9050d8687bb6e54b8447f7aa481116356e46 Mon Sep 17 00:00:00 2001
From: "fanky.eu" <jakub.webisti@gmail.com>
Date: Sun, 4 Apr 2021 11:21:46 +0200
Subject: [PATCH] added button size, removed flex = fixed sizes listing to
correspond reality
---
.../03-buttons/03-button-sizes.mustache | 31 ++++++++++++++-----
1 file changed, 23 insertions(+), 8 deletions(-)
diff --git a/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache b/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache
index 6bbd69e..95dec60 100644
--- a/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache
+++ b/source/_patterns/00-atoms/03-buttons/03-button-sizes.mustache
@@ -1,12 +1,27 @@
<div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
- <div class="inline-flex flex-col space-y-2">
- {{> atoms-basic-button(classes: "text-sm" )}}
- {{> atoms-basic-button(classes: "text-base" )}}
- {{> atoms-basic-button(classes: "text-lg" )}}
+ <div class="space-y-2">
+ <div>
+ {{> atoms-basic-button(classes: "text-sm" )}}
+ </div>
+ <div>
+ {{> atoms-basic-button(classes: "text-base" )}}
+ </div>
+ <div>
+ {{> atoms-basic-button(classes: "text-lg" )}}
+ </div>
+ <div>
+ {{> atoms-basic-button(classes: "text-lg", bodyClasses: "py-4 leading-5" )}}
+ </div>
</div>
- <div class="inline-flex flex-col space-y-2">
- {{> atoms-basic-button(classes: "text-sm btn--condensed" )}}
- {{> atoms-basic-button(classes: "text-base btn--condensed" )}}
- {{> atoms-basic-button(classes: "text-lg btn--condensed" )}}
+ <div class="space-y-2">
+ <div>
+ {{> atoms-basic-button(classes: "text-sm btn--condensed" )}}
+ </div>
+ <div>
+ {{> atoms-basic-button(classes: "text-base btn--condensed" )}}
+ </div>
+ <div>
+ {{> atoms-basic-button(classes: "text-lg btn--condensed" )}}
+ </div>
</div>
</div>
--
GitLab