Layouts

Position

Utilities for sets an element's position.


Variant

Active Checked Child-Selection Dark Mode Disabled Expand First-Last-Selection First-Letter Focus Focus-Visible Focus-Within Fullscreen Group-Focus Group-Hover Hover Landscape Light Mode Portrait Reduce-Motion Responsive Selection-Hover Visited

API

classcss
staticposition: static
fixedposition: fixed
absoluteposition: absolute
relativeposition: relative
stickyposition: sticky

Usage

<div class="relative">
...
<div class="absolute ... top-0 left-0">
...
</div>
</div>
HTML
.dummy-parent {
@extend
.relative;
}
.dummy-child {
@extend
.absolute,
.top-0,
.left-0;
}
SCSS