Поле ввода

Поле ввода

Используется в попапах с шириной не меньше 680px и в больших формах. Если ширина экрана меньше 768px, лэйбл встаёт над полем ввода.
Ваше имя:
<div class="form-group">
    <div class="form-label">Ваше имя:</div>
    <div class="form-field">
        <input class="form-control" type="text" name="real_name" value="" autocomplete="given-name" />
    </div>
</div>
Шрифт названия fontControllabel
fontSize: 13px;
lineHeight: 20px;
fontWeight: 700;
fontFamily: Helvetica, Arial, sans-serif;
Цвет шрифта colorText
normal: #333333;
Отступ от названия до поля ввода fontControl
16px
Шрифт paddingControlHorizontal
fontSize: 15px;
lineHeight: 20px;
fontWeight: 400;
fontFamily: Helvetica, Arial, sans-serif;
Отступ внутри (по-горизонтали) paddingControlHorizontal
12px
Высота поля ввода sizeControlHeight
48px
Радиус скругления sizeBorderRadius
4px
Толщина границы sizeBorderWidth
1px
Цвет границы colorBorder
normal: rgba(0,0,0,0.12)
hover: rgba(0,0,0,0.24)
active: rgba(0,0,0,0.48)
focus: rgba(0,0,0,0.24)

Поле ввода

Используется в попапах с шириной не меньше 680px и в больших формах. Если ширина экрана меньше 768px, лэйбл встаёт над полем ввода.
Ваше имя:
<div class="form-group">
    <div class="form-label">Ваше имя:</div>
    <div class="form-field">
        <input class="form-control" type="text" name="real_name" value="" autocomplete="given-name" />
    </div>
</div>
Шрифт названия fontControllabel
fontSize: 13px;
lineHeight: 20px;
fontWeight: 700;
fontFamily: Helvetica, Arial, sans-serif;
Цвет шрифта colorText
normal: #333333;
Отступ от названия до поля ввода fontControl
16px
Шрифт paddingControlHorizontal
fontSize: 15px;
lineHeight: 20px;
fontWeight: 400;
fontFamily: Helvetica, Arial, sans-serif;
Отступ внутри (по-горизонтали) paddingControlHorizontal
12px
Высота поля ввода sizeControlHeight
48px
Радиус скругления sizeBorderRadius
4px
Толщина границы sizeBorderWidth
1px
Цвет границы colorBorder
normal: rgba(0,0,0,0.12)
hover: rgba(0,0,0,0.24)
active: rgba(0,0,0,0.48)
focus: rgba(0,0,0,0.24)