Performance

Contain

Style syntax for providing performance benefits by limiting calculations of layout.

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

Overview [sr-only]

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 in different states using selectors, media queries, etc.

<div class="contain:content:hover contain:content@sm contain:content@dark contain:content@print"></div>
PREVIOUS
Outline Width

Style syntax for setting the thickness of an element's outline.

NEXT
Will Change

Style syntax for setting how an element is expected to change in the browser.

MIT License © Aoyue Design LLC.