Syntax

Box Sizing

Setting how the total width and height of an element is calculated.

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

Overview

ClassDeclarations
box-sizing:valuebox-sizing: value;
box:contentbox-sizing: content-box;
box:borderbox-sizing: border-box;

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

<div class="box-sizing:1/1:hover box-sizing:1/1@sm box-sizing:1/1@dark box-sizing:1/1@print">…</div>
Syntax
Box Shadow

Adding shadow effects around an element.

Syntax
Break After

Controlling how page, column, or region breaks should occur after an element.

© Aoyue Design LLC.
MIT License