Разметка.
Элементы.
.input-label - подпись к полю ввода
.input-field - поле ввода.
.input-notice - сообщение, которое будет выводиться при выполнении некоторых условий.
По-умолчанию
dispaly: none
Модификаторы.
input--inline - выставляет для .input-label и .input-input display: inline
input--error - помечает данный блок как блок с ошибкой. Показывает сообщение об ошибке .input-notice
input--required - ставит метку (*) у .input-label и помечает как необходимое для проверки
input--captcha - требуется для полей с капчей, для нормальной проверки форм
Данные модификаторы устанавливаются у блока input
class="input input--required"
Проверка полей ввода.
Для правильной проверки требуется указывать правильный type
email - производит проверку введенного адреса почты по регулярному выражению.