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