search
Трансформация текста (text-transform)
https://dev.ru.simai.io/ru/ui/utility/typography/text-transform.php
С помощью модификаторов трансформации текста можно управлять регистром символов текста.
Таблица классов
| Класс | Значение |
|---|---|
| .uppercase | text-transform: uppercase; |
| .lowercase | text-transform: lowercase; |
| .capitalize | text-transform: capitalize; |
| .normalcase | text-transform: none; |
Синтаксис
Использование: {контрольная точка}:{модификатор} или просто {модификатор}
-
Контрольная точка (необязательный параметр):
Применяет модификатор начиная с определенного размера экрана (sm,md,lg,xl).
Если не указана, модификатор применяется для всех размеров. -
Модификатор (обязательный параметр):
uppercase— все символы преобразуются в верхний регистрlowercase— все символы преобразуются в нижний регистрcapitalize— первая буква каждого слова преобразуется в верхний регистрnormalcase— регистр символов не меняется
Пример использования
<p class="uppercase">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p class="lowercase">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p class="capitalize">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p class="normalcase">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>