Syntax
Direction
Setting the direction of text.
Overview
There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.
<p class="direction:ltr">There are a wide variety of animals in the world …</p>
Basic usage
LTR
Use direction:ltr
to set the text direction to left-to-right.
There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.
<p class="direction:ltr">There are a wide variety of animals in the world …</p>
RTL
Use direction:rtl
to set the text direction to right-to-left.
There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.
<p class="direction:rtl">There are a wide variety of animals in the world …</p>
Conditionally apply
Apply styles based on different states using selectors and applying conditionally.
<div class="direction:ltr:hover direction:ltr@sm direction:ltr@dark direction:ltr@print">…</div>