Field

The field is a container that wraps an label and input in a form to normalise margins.

Example

Label

<p class="field">...</p>

--field-margin: var(--space-xs) 0;

Name

<p class="field field-float-label">
  <input type="text" id="field" />
  <label for="field">...</label>
</p>

--field-float-label-padding: 0.25em;