{# ========================================================================= #}
{# :: Info #}
{# ========================================================================= #}
{% set info %}

Input elements should always be used within a <form>. These can vary by type,
for example: "Text", "Password", "E-mail", ... Some input elements require some
additional attributes like the type "Amount", which requires a min, max and
step attribute.

If the user focuses on one input field, the label animates from the center of
the input field to the top, making room for the user to typ. When the users
focuses on a different input or leaves the input as it is, if a value was given,
the label stays on top of the input field. If there was no value, the label
goes back to the center and functions as some sort of palceholder.

{% endset %}

{# ========================================================================= #}
{# :: Modifiers #}
{# ========================================================================= #}
{% set modifiers %}

- a-input--inverted

  This class will give the background a light transparent white background,
  a white border and put the text to white.

- a-input--light

  This class will give a the background a solid white color.

- a-input--select

  Will put an arrow at the right end of the input field.

- a-input--textarea

  Using this class on a textarea is necessairy to give the label the right
  position.

- a-input--datepicker

  Will put a calendar icon at the right end of the input field.

- a-input--newsletter

  Necessairy to style the newsletter input with the included subscribe button.

- a-input--search

  Will provide the styling for this input field and the button.


{% endset %}

{# ========================================================================= #}
{# :: States #}
{# ========================================================================= #}
{% set states %}

- is-error

  This will provide a red border and put the feedback in red

- is-subscribed

  This is only useful on the newsletter input fields.

{% endset %}