Layouts

Render v1.0.9

Utilities for sets skip rendering if element is off-screen to improve overall page rendering speed.


Class

classcss
render-auto v1.1.0content-visibility: auto
render-auto-widestcontent-visibility: auto;
contain-intrinsic-size: 1000px
render-auto-widecontent-visibility: auto;
contain-intrinsic-size: 800px
render-auto-normalcontent-visibility: auto;
contain-intrinsic-size: 600px
render-auto-tightcontent-visibility: auto;
contain-intrinsic-size: 400px
render-auto-tighercontent-visibility: auto;
contain-intrinsic-size: 200px
render-hidden-widestcontent-visibility: hidden;
contain-intrinsic-size: 1000px
render-hidden-widecontent-visibility: hidden;
contain-intrinsic-size: 800px
render-hidden-normalcontent-visibility: hidden;
contain-intrinsic-size: 600px
render-hidden-tightcontent-visibility: hidden;
contain-intrinsic-size: 400px
render-hidden-tighercontent-visibility: hidden;
contain-intrinsic-size: 200px
Note: Your browser does not currently support the utilities.Note: Utility customizing is unavailable.

Usage

Set maximum height and width for the browser to start to render an element.

<y class="render-auto-widest">
...
</y>

Variant

VariantEnabledResponsive
DefaultYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled