turretcss

Field


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

Example

HTML

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

CSS

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

Field Float Label

HTML

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

CSS

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