Typography

Writing Mode

Style syntax for setting different writing mode.

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

Overview [sr-only]

ClassDeclarations
writing:modewriting-mode: mode
writing:horizontal-tbwriting-mode: horizontal-tb
writing:vertical-rlwriting-mode: vertical-rl
writing:vertical-lrwriting-mode: vertical-lr
writing:lrwriting-mode: lr
writing:lr-tbwriting-mode: lr-tb
writing:rlwriting-mode: rl
writing:rl-tbwriting-mode: rl-tb
writing:tbwriting-mode: tb
writing:tb-rlwriting-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>
PREVIOUS
Word Spacing

Style syntax for setting the spacing between words.

NEXT
Variable

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

MIT License © Aoyue Design LLC.