Layout Intent Overview
Layout intent contains element's layout related utilities.
Utilities available in @layout intent are listed below.
| Utility | Description | Documentation |
|---|---|---|
blend-* | Set mix-blend-mode for layering effects. | blend |
box-* | Control box-sizing model for elements. | box |
float-* | Positions element (float) and letting content wrap around. | float |
hide | Hide elements from view without layout layout. | hide |
is-* | Define how an element is rendered (displayed) in layout. | is |
isolate-* | Create new stacking context for elements. | isolate |
layer-* | Control z-index stacking order. | layer |
object-* | Control graphical elements size and position inside container. | object |
opacity-* | Control element opacity and transparency. | opacity |
overflow-* | Handle overflowing content. | overflow |
ratio-* | Set aspect ratio (width-to-height) for elements. | ratio |
shadow-* | Add shadow (box) effects to elements. | shadow |
show | Show hidden elements in layout (use with hide). | show |
theme-* | Apply browser's native dark/light themes to elements. | theme |