Типография
Утилиты для управления капитализацией текста.
| Class | Styles |
|---|---|
uppercase | text-transform: uppercase; |
lowercase | text-transform: lowercase; |
capitalize | text-transform: capitalize; |
normal-case | text-transform: none; |
Используйте утилиту uppercase для преобразования текста элемента в верхний регистр:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="uppercase">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>Используйте утилиту lowercase для преобразования текста элемента в нижний регистр:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="lowercase">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>Используйте утилиту capitalize для капитализации текста элемента:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="capitalize">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>Используйте утилиту normal-case для сохранения оригинального регистра текста элемента — обычно используется для сброса капитализации на разных контрольных точках:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="normal-case">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>Префикс a text-transform утилита с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:
<p class="capitalize md:uppercase ..."> Lorem ipsum dolor sit amet...</p>Подробнее об использовании вариантов читайте в документации по вариантам.