Syntax

Direction

Setting the direction of text.

Overview

ClassDeclarations
direction:ltrdirection: ltr;
direction:rtldirection: rtl;

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>
Design Token
Colors

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.