Текст

Коллекция полезных классов для стилизации контента, текста.

Стили для текста

UIkit 2 предлагает различные варианты для оформления вашего текста.

Класс	Описание
`.uk-text-small`	Добавьте этот класс, чтобы уменьшить размер шрифта.
`.uk-text-large`	Добавьте этот класс, чтобы увеличить размер шрифта.
`.uk-text-bold`	Добавьте этот класс для создания жирного начертания шрифта.
`.uk-text-muted`	Добавьте этот класс, чтобы приглушить цвет текста.
`.uk-text-primary`	Добавьте этот класс для дополнительной текстовой информации.
`.uk-text-success`	Добавьте этот класс, в успешном сообщении.
`.uk-text-warning`	Добавьте этот класс для уведомления о предупреждении.
`.uk-text-danger`	Добавьте этот класс для обозначения опасности.
`.uk-text-contrast`	Обычно белый цвет текста. Добавляйте этот класс, чтобы сделать цвет текста читаемым в необходимых для этого случаях.
`.uk-text-capitalize`	Добавьте этот класс, чтобы сделать первый символ каждого слова заглавными буквами.
`.uk-text-lowercase`	Добавьте этот класс, чтобы сделать все символы текста строчными (нижний регистр).
`.uk-text-uppercase`	Добавьте этот класс, чтобы сделать все символы текста прописными (верхний регистр).

Выравнивание текста

Добавьте один из набора этих полезных классов для выравнивания текста.

Класс	Описание
`.uk-text-left`	Выравнивает текст по левому краю.
`.uk-text-left-small`	Выравнивает текст по левому краю только на небольших устройствах `@media (max-width: 767px)`.
`.uk-text-left-medium`	Выравнивает текст по левому краю на средних и маленьких устройствах `@media (max-width: 959px)`.
`.uk-text-right`	Выравнивает текст по правому краю.
`.uk-text-center`	Выравнивание текста по центру.
`.uk-text-center-small`	Выравнивание текста по центру только на небольших устройствах `@media (max-width: 767px)`.
`.uk-text-center-medium`	Выравнивание текста по центру на средних и малых устройствах `@media (max-width: 959px)`.
`.uk-text-justify`	Выравнивание по ширине, одновременное выравнивание по левому и правому краю.

Примеры

Душа моя озарена неземной радостью, как эти чудесные утра.
.uk-text-left

Душа моя озарена неземной радостью, как эти чудесные утра.
.uk-text-right

Душа моя озарена неземной радостью, как эти чудесные утра.
.uk-text-center

Душа моя озарена неземной радостью, как эти чудесные утра.
.uk-text-center-small

Душа моя озарена неземной радостью, как эти чудесные утра.
.uk-text-center-medium

Душа моя озарена неземной радостью, как эти чудесные весенние утра. .uk-text-justify

Вертикальное выравнивание

Добавьте один из этих классов для вертикального выравнивания текста относительно объекта.

Класс	Описание
`.uk-text-top`	Выравнивает текст по верхнему краю.
`.uk-text-middle`	Центрирует текст по вертикали.
`.uk-text-bottom`	Выравнивает текст по нижнему краю.

Пример

Волшебный мир.

Перенос текста

Добавьте один из этих эффективных классов для переноса текста.

Класс	Описание
`.uk-text-truncate`	Предотвращает перенос текста в несколько строк, вместо этого обрезая его.
`.uk-text-break`	Разбивает строки, если их длина превышает ширину контейнера.
`.uk-text-nowrap`	Предотвращает перенос текста в несколько строк. Весь текст отображается одной строкой.

Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца. .uk-text-truncate

Душа моя озарена неземной радостью, как эти чудесные весенние утра, которыми я наслаждаюсь от всего сердца. Я совсем не один и блаженствую в здешнем краю. .uk-text-break

Душа моя озарена неземной радостью, как эти чудесные весенние утра.

.uk-text-nowrap