Example
Markup
<form class="address-form">
<div class="input">
<label for="company" class="input__label">Firmenname</label>
<input type="text" name="company" id="company" class="input__widget">
</div>
<div class="input">
<label for="address" class="input__label">Strasse & Nummer</label>
<input type="text" name="address" id="address" class="input__widget">
</div>
<div class="input">
<label for="zip" class="input__label">PLZ</label>
<input type="text" name="zip" id="zip" class="input__widget">
</div>
<div class="input">
<label for="city" class="input__label">Ort</label>
<input type="text" name="city" id="city" class="input__widget">
</div>
<div class="input">
<label for="phone" class="input__label">Telefon</label>
<input type="tel" name="phone" id="phone" class="input__widget">
</div>
</form>
Source:
assets/styles/04-organisms/01-base/_address-form.scss, line 1