Layout

Direction

Style syntax for setting the direction of text.

🚧This page is still under construction and some content may not be complete.

Class	Declarations
`direction:ltr`	`direction: ltr`
`direction:rtl`	`direction: rtl`

Animals

There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.

<div class="direction:ltr">
    <h3>Animals</h3>
    <p>There are a wide variety of animals in the world …</p>
</div>

Basic usage

Use direction:ltr to set the text direction to left-to-right.

Animals

There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.

<div class="direction:ltr">
    <h3>Animals</h3>
    <p>There are a wide variety of animals in the world …</p>
</div>

Use direction:rtl to set the text direction to right-to-left.

Animals

There are a wide variety of animals in the world, and each one has its own unique set of characteristics and habits.

<div class="direction:ltr">
    <h3>Animals</h3>
    <p>There are a wide variety of animals in the world …</p>
</div>

Apply styles in different states using selectors, media queries, etc.

<div class="direction:ltr:hover direction:ltr@sm direction:ltr@dark direction:ltr@print">…</div>