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.

Overview

ClassDeclarations
order:valueorder: value;
order:0order: 0;
order:firstorder: -999999;
order:lastorder: 999999;
1
2
3
<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 conditional queries.

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

Setting the opacity of an element.

Syntax
Outline

Setting all the outline properties at once.

© Aoyue Design LLC.
MIT License