Syntax

contain🚧

Providing performance benefits by limiting calculations of layout.

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

Overview

ClassDeclarations
contain:typecontain: type;
contain:nonecontain: none;
contain:strictcontain: strict;
contain:contentcontain: content;
contain:sizecontain: size;
contain:layoutcontain: layout;
contain:stylecontain: style;
contain:paintcontain: paint;

Conditionally apply

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

<div class="contain:content:hover contain:content@sm contain:content@dark contain:content@print">…</div>
Syntax
columns

Setting the number of columns within the container.

Syntax
content

Replacing an element with a generated value.

© Aoyue Design LLC.