<div class="form-group">
	<label class="field-label" for="text">Text</label>
	<input type="text" id="text" placeholder="Lorem ipsum dolor sit amet">
</div>
<div class="form-group">
	<label class="field-label" for="email">Disabled email</label>
	<input type="email" id="email" value="hello@mailbox.io" disabled>
</div>
<div class="form-group">
	<label class="field-label" for="number">Number</label>
	<input type="number" id="number" placeholder="42" min="0" max="50">
</div>
<div class="form-group">
	<label class="field-label" for="password">Password</label>
	<input type="password" id="password" placeholder="Password">
</div>
<div class="form-group">
	<label class="field-label" for="file">File</label>
	<input type="file" id="file">
</div>
<div class="form-group">
	<label class="field-label" for="date">Date</label>
	<input type="date" id="date">
</div>
<div class="form-group">
	<label class="field-label" for="date">Date & time local</label>
	<input type="datetime-local" id="date">
</div>

<select>
	<option selected></option>
	<option>Option 1</option>
	<option>Option 2</option>
	<option>Option 3</option>
</select>

<textarea></textarea>

<div class="form-group">
	<label for="checkbox-4">
		<input id="checkbox-4" type="checkbox"> Checkbox
	</label>
	<label for="checkbox-5">
		<input id="checkbox-5" type="checkbox"> Checkbox
	</label>
	<label for="checkbox-6">
		<input id="checkbox-6" type="checkbox"> Checkbox
	</label>
</div>
<div class="form-group">
	<label for="radio-4">
		<input id="radio-4" name="radios-inline" type="radio"> Radio
	</label>
	<label for="radio-5">
		<input id="radio-5" name="radios-inline" type="radio"> Radio
	</label>
	<label for="radio-6">
		<input id="radio-6" name="radios-inline" type="radio"> Radio
	</label>
</div>

<div class="form-group">
	<label for="checkbox-1" class="label--inline">
		<input id="checkbox-1" type="checkbox"> Checkbox
	</label>
	<label for="checkbox-2" class="label--inline">
		<input id="checkbox-2" type="checkbox"> Checkbox
	</label>
	<label for="checkbox-3" class="label--inline">
		<input id="checkbox-3" type="checkbox"> Checkbox
	</label>
</div>
<div class="form-group">
	<label for="radio-1" class="label--inline">
		<input id="radio-1" name="radios" type="radio"> Radio
	</label>
	<label for="radio-2" class="label--inline">
		<input id="radio-2" name="radios" type="radio"> Radio
	</label>
	<label for="radio-3" class="label--inline">
		<input id="radio-3" name="radios" type="radio"> Radio
	</label>
</div>

<div class="form-group">
	<input type="text" class="input--small" placeholder="Small">
</div>
<div class="form-group">
	<input type="text" placeholder="Default">
</div>
<div class="form-group">
	<input type="text" class="input--large" placeholder="Large">
</div>

<div class="form-group">
	<select class="select--small">
		<option selected>Small</option>
		<option>Option 1</option>
		<option>Option 2</option>
		<option>Option 3</option>
	</select>
</div>
<div class="form-group">
	<select>
		<option selected>Default</option>
		<option>Option 1</option>
		<option>Option 2</option>
		<option>Option 3</option>
	</select>
</div>
<div class="form-group">
	<select class="select--large">
		<option selected>Large</option>
		<option>Option 1</option>
		<option>Option 2</option>
		<option>Option 3</option>
	</select>
</div>

<dl>
	<dt>Lorem</dt>
	<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dd>
	<dt>Ipsum</dt>
	<dd>A ab minima, deleniti sint quibusdam incidunt obcaecati animi</dd>
	<dt>Dolor</dt>
	<dd>Nulla doloremque accusantium minus molestiae ipsa dicta</dd>
</dl>

<dl class="dl--inline">
	<dt>Lorem</dt>
	<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit</dd>
	<dt>Ipsum</dt>
	<dd>A ab minima, deleniti sint quibusdam incidunt obcaecati animi</dd>
	<dt>Dolor</dt>
	<dd>Nulla doloremque accusantium minus molestiae ipsa dicta</dd>
</dl>

<ol>
	<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Aliquam tincidunt mauris eu risus.</li>
	<li>
		Vestibulum auctor dapibus neque.
		<ol>
			<li>Vivamus hendrerit arcu.</li>
			<li>Praesent id metus massa.</li>
			<li>Class aptent taciti sociosqu.</li>
		</ol>
	</li>
	<li>Quisque eget odio ac lectus vestibulum faucibus.</li>
</ol>

<ul>
	<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
	<li>Aliquam tincidunt mauris eu risus.</li>
	<li>
		Vestibulum auctor dapibus neque.
		<ul>
			<li>Vivamus hendrerit arcu.</li>
			<li>Praesent id metus massa.</li>
			<li>Class aptent taciti sociosqu.</li>
		</ul>
	</li>
	<li>Quisque eget odio ac lectus vestibulum faucibus.</li>
</ul>