Text transform
Utilities for controlling the transformation of text
Class reference
Normal Case
Use the .normal-case
utility to preserve the original casing. This is typically used to reset capitalization at different breakpoints.
Uppercase
Use the .uppercase
utility to uppercase text.
Lowercase
Use the .lowercase
utility to lowercase text.
Capitalize
Use the .capitalize
utility to capitalize text.
Responsive
To control the text transformation of an element at a specific breakpoint, add a {screen}:
prefix to any existing text transformation utility. For example, use md:uppercase
to apply the uppercase
utility at only medium screen sizes and above.
<p class="capitalize **md:uppercase** ...">
The quick brown fox jumped over the lazy dog.
</p>
For more information about Elements’ responsive design features, check out the Responsive Design documentation.
On this Page
v1.13.5