turretcss

Field


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

Example

HTML

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

CSS

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

Field Float Label

HTML

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

CSS

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