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
class | css |
---|---|
static | position: static |
fixed | position: fixed |
absolute | position: absolute |
relative | position: relative |
sticky | position: 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