Inputs

Filled and outlined text inputs, in primary and secondary colors.

<!-- Primary filled inputs -->
<input class="ser-input-primary-small-filled" type="text" />
<input class="ser-input-primary-medium-filled" type="text" />
<input class="ser-input-primary-large-filled" type="text" />

<!-- Secondary filled inputs -->
<input class="ser-input-secondary-small-filled" type="text" />
<input class="ser-input-secondary-medium-filled" type="text" />
<input class="ser-input-secondary-large-filled" type="text" />

<!-- Primary outlined inputs -->
<input class="ser-input-primary-small-outlined" type="text" />
<input class="ser-input-primary-medium-outlined" type="text" />
<input class="ser-input-primary-large-outlined" type="text" />

<!-- Secondary outlined inputs -->
<input class="ser-input-secondary-small-outlined" type="text" />
<input class="ser-input-secondary-medium-outlined" type="text" />
<input class="ser-input-secondary-large-outlined" type="text" />