Syntax

Writing Mode

Setting different writing mode.

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

Class	Declarations
`writing:mode`	`writing-mode: mode;`
`writing:horizontal-tb`	`writing-mode: horizontal-tb;`
`writing:vertical-rl`	`writing-mode: vertical-rl;`
`writing:vertical-lr`	`writing-mode: vertical-lr;`
`writing:lr`	`writing-mode: lr;`
`writing:lr-tb`	`writing-mode: lr-tb;`
`writing:rl`	`writing-mode: rl;`
`writing:rl-tb`	`writing-mode: rl-tb;`
`writing:tb`	`writing-mode: tb;`
`writing:tb-rl`	`writing-mode: tb-rl;`

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

<div class="writing-mode:horizontal-tb:hover writing-mode:horizontal-tb@sm writing-mode:horizontal-tb@dark writing-mode:horizontal-tb@print">…</div>

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.