Трансформация текста (text-transform)link

https://dev.ru.simai.io/ru/ui/utility/typography/text-transform.php

С помощью модификаторов трансформации текста можно управлять регистром символов текста.

Таблица классовlink

Класс Значение
.uppercase text-transform: uppercase;
.lowercase text-transform: lowercase;
.capitalize text-transform: capitalize;
.normalcase text-transform: none;

Синтаксисlink

Использование: {контрольная точка}:{модификатор} или просто {модификатор}

  • Контрольная точка (необязательный параметр):
    Применяет модификатор начиная с определенного размера экрана (sm, md, lg, xl).
    Если не указана, модификатор применяется для всех размеров.

  • Модификатор (обязательный параметр):

    • uppercase — все символы преобразуются в верхний регистр
    • lowercase — все символы преобразуются в нижний регистр
    • capitalize — первая буква каждого слова преобразуется в верхний регистр
    • normalcase — регистр символов не меняется

Пример использованияlink

<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>