Фонд - Помощники по типографике

В этой главе мы изучим Typography Helpers. Помощники по типографике используются для форматирования вашего текста семантически релевантными способами. Вспомогательные классы в Foundation позволяют быстрее создавать некоторые типографские стили.

В следующей таблице перечислены помощники по типографике , которые используются в Foundation.

Sr. No. Помощник по типографике и описание
1 Выравнивание текста

Это помогает изменить выравнивание текста элемента, например, влево , вправо , по центру и по ширине .

2 Подзаголовок

Подзаголовки можно добавить к любому элементу заголовка с помощью класса .subheader .

3 Ведущий абзац

Это значительно больший блок текста по сравнению с обычным текстом, который можно использовать для рекламы или другого описательного текста.

4 Список без маркировки

По умолчанию <ul> - это маркированный список в Foundation. Чтобы удалить пули, вы можете использовать класс .no-bullet .

5 Статистика

Всякий раз, когда вы имеете дело с приборной панелью, вам нужно выделить некоторые важные цифры. Вы можете добиться этого, используя класс .stat .

Справочник Sass

Переменные

В следующей таблице перечислены переменные SASS в файле настроек проекта, которые позволяют настраивать стили компонента по умолчанию.

Sr. No. Имя и описание Тип Значение по умолчанию
1

$lead-font-size

Размер шрифта для первых абзацев по умолчанию.

номер $ global-font-size * 1,25
2

$lead-lineheight

Высота строки для ведущего абзаца по умолчанию.

Строка 1.6
3

$subheader-lineheight

Высота строки подзаголовка по умолчанию.

номер 1.4
4

$subheader-color

Цвет шрифта по умолчанию для подзаголовка.

цвет $ темно-серый
5

$subheader-font-weight

Толщина шрифта по умолчанию для подзаголовка.

Строка $ global-weight-normal
6

$subheader-margin-top

Верхнее поле подзаголовка по умолчанию.

номер 0,2 бэр
7

$subheader-margin-bottom

Нижнее поле подзаголовка по умолчанию.

номер 0,5 бэр
8

$stat-font-size

Размер шрифта статического числа по умолчанию

номер 2,5 бэр