<p>Размер изменён благодаря модификатору. Модификатор меняет <code>font-size</code> блока в <code>em</code>-ах (реальный размер блока продолжает зависеть от размера шрифта родителя).</p>
<p>Модификатор <code>field-select--lg</code>, отдельный less-файл.</p>
<p>Размер изменён благодаря модификатору. Модификатор меняет <code>font-size</code> блока в <code>em</code>-ах (реальный размер блока продолжает зависеть от размера шрифта родителя).</p>
<p>Модификатор <code>field-select--sm</code>, отдельный less-файл.</p>
<p>Стилизация дополнительного элемента-линейки — отдельный less-файл.</p>
<p>Дополнительный элемент <code>field-range__line</code>, отдельный less-файл.</p>
<p>Линейка добавляется вставкой в разметку дополнительных тегов. Текстовые значения берутся из data-атрибутов. Первый элемент линейки позиционируется абсолютно (не вызывает увеличения длины шкалы). Второй и далее элементы распределяются равномерно, занимают одинаковое количество места в «строке».</p>
<p>Линейка добавляется вставкой в разметку дополнительных тегов. Текстовые значения берутся из data-атрибутов. Первый элемент линейки позиционируется абсолютно (не вызывает увеличения длины шкалы). Второй и далее элементы распределяются равномерно, занимают одинаковое количество места в «строке».</p>
<pclass="alert alert--danger">Чтобы двигающийся элемент чётко попадал в линейку, шаг элемента должен быть достаточно мелким и/или линейка должна быть достаточно частой или шаг должен строго соответствовать линейке.</p>
<pclass="alert alert--danger">Чтобы двигающийся элемент чётко попадал в линейку, шаг элемента должен быть достаточно мелким и/или линейка должна быть достаточно частой или шаг должен строго соответствовать линейке.</p>
<p>Размер изменён благодаря модификатору. Модификатор меняет <code>font-size</code> блока в <code>em</code>-ах (реальный размер блока продолжает зависеть от размера шрифта родителя).</p>
<p>Модификатор <code>field-range--lg</code>, отдельный less-файл.</p>
<p>Размер изменён благодаря модификатору. Модификатор меняет <code>font-size</code> блока в <code>em</code>-ах (реальный размер блока продолжает зависеть от размера шрифта родителя).</p>
<p>Модификатор <code>field-range--sm</code>, отдельный less-файл.</p>
<p>Размер изменён благодаря модификатору. Модификатор меняет <code>font-size</code> блока в <code>em</code>-ах (реальный размер блока продолжает зависеть от размера шрифта родителя).</p>
<p>Модификатор <code>field-file--lg</code>, отдельный less-файл.</p>
<p>Размер изменён благодаря модификатору. Модификатор меняет <code>font-size</code> блока в <code>em</code>-ах (реальный размер блока продолжает зависеть от размера шрифта родителя).</p>
<p>Модификатор <code>field-file--sm</code>, отдельный less-файл.</p>
<divclass="js-font-resizer">
<divclass="js-font-resizer">
<divclass="field-file field-file--sm">
<divclass="field-file field-file--sm">
<divclass="field-file__name">Выбор файлов</div>
<divclass="field-file__name">Выбор файлов</div>
...
@@ -3024,7 +3024,7 @@
...
@@ -3024,7 +3024,7 @@
<divclass="blocks-library__sub-item">
<divclass="blocks-library__sub-item">
<h1class="blocks-library__sub-item-title">Горизонтальное расположение названий и полей</h1>
<h1class="blocks-library__sub-item-title">Горизонтальное расположение названий и полей</h1>
<p>Только начиная с SM ширины. Модификатор. Отдельный less-файл.</p>
<p>Только начиная с SM ширины. Модификатор<code>form--horizontal</code>, отдельный less-файл.</p>
<divclass="js-font-resizer">
<divclass="js-font-resizer">
<formaction=""class="form form--horizontal">
<formaction=""class="form form--horizontal">
<labelclass="field-text">
<labelclass="field-text">
...
@@ -3203,7 +3203,7 @@
...
@@ -3203,7 +3203,7 @@
<divclass="blocks-library__sub-item">
<divclass="blocks-library__sub-item">
<h1class="blocks-library__sub-item-title">Форма в строку</h1>
<h1class="blocks-library__sub-item-title">Форма в строку</h1>
<p>Только начиная с SM ширины. Модификатор. Отдельный less-файл.</p>
<p>Только начиная с SM ширины. Модификатор<code>form--line</code>, отдельный less-файл.</p>
<pclass="alert alert--danger">ВНИМАНИЕ! Поскольку все отступы сделаны в em, при наличии названий полей на некоторых больших размерах шрифта возможно несоответствие (1-2px) базовой линии названия и базовой линии текста в поле.</p>
<pclass="alert alert--danger">ВНИМАНИЕ! Поскольку все отступы сделаны в em, при наличии названий полей на некоторых больших размерах шрифта возможно несоответствие (1-2px) базовой линии названия и базовой линии текста в поле.</p>
<divclass="js-font-resizer">
<divclass="js-font-resizer">
<formaction=""class="form form--line">
<formaction=""class="form form--line">
...
@@ -3444,7 +3444,7 @@
...
@@ -3444,7 +3444,7 @@
</div>
</div>
<divclass="blocks-library__sub-item">
<divclass="blocks-library__sub-item">
<h2class="blocks-library__sub-item-title">Увеличение и уменьшение модификаторами</h2>
<h2class="blocks-library__sub-item-title">Увеличение и уменьшение модификаторами</h2>
<p>Размеры изменены благодаря модификатору. Модификаторы меняют <code>font-size</code> блока в <code>em</code>-ах (реальный размер блока продолжает зависеть от размера шрифта родителя).</p>
<p>Модификатор <code>btn--lg</code>, отдельный less-файл.</p>