В этой главе мы рассмотрим помощников типографики . Типографские помощники используются для форматирования вашего текста семантически релевантными способами. Вспомогательные классы в Foundation позволяют быстрее создавать некоторые типографские стили.
В следующей таблице перечислены помощники типографики , которые используются в Foundation.
| Sr.No. | Типографский помощник и описание |
|---|---|
| 1 | Выравнивание текста
Это помогает изменить выравнивание текста элемента, как слева , справа , по центру и выравниванию . |
| 2 | подзаголовок
Подзаголовки могут быть добавлены к любому элементу заголовка с помощью класса .subheader . |
| 3 | Ведущий абзац
Это значительно больший блок текста по сравнению с обычным текстом, который можно использовать для рекламы или другого описательного текста. |
| 4 | Список без маркировки
По умолчанию <ul> является маркированным списком в Foundation. Чтобы удалить пули, вы можете использовать класс .no-bullet . |
| 5 | Статистика
Всякий раз, когда вы имеете дело с приборной панелью, вам нужно выделить некоторые важные цифры. Вы можете добиться этого с помощью класса .stat . |
Это помогает изменить выравнивание текста элемента, как слева , справа , по центру и выравниванию .
Подзаголовки могут быть добавлены к любому элементу заголовка с помощью класса .subheader .
Это значительно больший блок текста по сравнению с обычным текстом, который можно использовать для рекламы или другого описательного текста.
По умолчанию <ul> является маркированным списком в Foundation. Чтобы удалить пули, вы можете использовать класс .no-bullet .
Всякий раз, когда вы имеете дело с приборной панелью, вам нужно выделить некоторые важные цифры. Вы можете добиться этого с помощью класса .stat .
Sass Reference
переменные
В следующей таблице перечислены переменные SASS в файле настроек проекта, которые настраивают стили компонента по умолчанию.
$ вводного размер шрифта
Размер шрифта для ведущих абзацев по умолчанию.
$ свинцово-LineHeight
Высота строки для начального абзаца по умолчанию.
$ подзаголовок-LineHeight
Высота строки подзаголовка по умолчанию.
$ подзаголовок цвет
Цвет шрифта подзаголовка по умолчанию.
$ подзаголовок-начертание шрифта
Вес шрифта подзаголовка по умолчанию.
$ подзаголовок рентабельность-топ
Верхнее поле по умолчанию для подзаголовка.
$ подзаголовок-край дно
Нижнее поле по умолчанию для подзаголовка.
$ стат размер шрифта
Размер шрифта по умолчанию для статического числа