Syntax

Order

Changing the order of item in flex or grid container.

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

<div class="flex">
    <div>1</div>
    <div class="order:0">2</div>
    <div>3</div>
</div>

Conditionally apply

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

<div class="order:1:hover order:1@sm order:1@dark order:1@print">…</div>