Typography
Writing Mode v1.1.1
Utilities for sets alignment of the text horizontally, vertically, or which direction depending on the language.
Class
class | css |
---|---|
text-horizontal | writing-mode: horizontal-tb |
text-vertical-left | writing-mode: vertical-lr |
text-vertical-right | writing-mode: vertical-rl |
Usage
Set text element alignment to vertically
and left to right
direction.
<!-- Example -->
<y class="text-vertical-left">
...
</y>
Set text element alignment to vertically
and right to left
direction.
<!-- Example -->
<y class="text-vertical-right">
...
</y>
Set text element alignment to horizontally
and left to right
direction.
<!-- Example -->
<y class="text-horizontal">
...
</y>
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | |
Dark Theme | ||
hover | ||
group-hover | ||
focus | ||
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |