From ae384aec5084b9fb9f02166890686a37d1260ef2 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 30 May 2022 19:39:20 +0200
Subject: chore: add a Fieldset component

---
 src/components/atoms/forms/fieldset.module.scss | 28 +++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/components/atoms/forms/fieldset.module.scss

(limited to 'src/components/atoms/forms/fieldset.module.scss')

diff --git a/src/components/atoms/forms/fieldset.module.scss b/src/components/atoms/forms/fieldset.module.scss
new file mode 100644
index 0000000..d1b5956
--- /dev/null
+++ b/src/components/atoms/forms/fieldset.module.scss
@@ -0,0 +1,28 @@
+.wrapper {
+  max-width: 100%;
+  padding: 0;
+  border: none;
+
+  &--inline {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: center;
+
+    .legend {
+      float: left;
+      margin-right: var(--spacing-2xs);
+    }
+  }
+
+  &--stacked {
+    .legend {
+      padding: 0 var(--spacing-xs) 0 0;
+    }
+  }
+}
+
+.legend {
+  color: var(--color-primary-darker);
+  font-size: var(--font-size-md);
+  font-weight: 600;
+}
-- 
cgit v1.2.3