diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-05-30 19:39:20 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-05-31 23:15:11 +0200 |
| commit | ae384aec5084b9fb9f02166890686a37d1260ef2 (patch) | |
| tree | 59f2b2d53513e5d69bafa1323f64844dd00be28a /src/components/atoms/forms/fieldset.module.scss | |
| parent | 782cc0a31a866519fb7c3e18a523b347d3e40238 (diff) | |
chore: add a Fieldset component
Diffstat (limited to 'src/components/atoms/forms/fieldset.module.scss')
| -rw-r--r-- | src/components/atoms/forms/fieldset.module.scss | 28 |
1 files changed, 28 insertions, 0 deletions
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; +} |