Typography

Writing Mode

Style syntax for 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 in different states using selectors, media queries, etc.

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

Style syntax for setting the spacing between words.

CSS variables defined specific values to be reused throughout a document.

MIT License © Aoyue Design LLC.

Issue on this page