Fieldset Module

The Fieldset module provides consistent styling for <fieldset> and <legend> elements, including padding, border, radius, and legend font weight.

Example Fieldset

Username

Disabled Fieldset

Username

Signature:

@mixin use-fieldset();

Example:

@include termeh.use-fieldset();

Module:

This module is registered as form-fieldset in the presented modules.

Dependencies

Fieldset module uses the following Termeh global var():

Component	Type	Usage	Default
base → separator	Color	Fallback border color	null
radius → normal	Number	Default fieldset border radius	null
gap → macro	Number	Default inner padding and bottom margin for fieldset	1.6em
input → legend	String	Legend element font weight	normal
input → border	Color	Fieldset border color	FALLBACK

Modifiers

• .is-disabled / :disabled → disables all controls within the fieldset