Skip to content

Position

Controls the positioning of elements.

Class Properties

p-a

position: absolute;

p-f

position: fixed;

p-r

position: relative;

p-s

position: static;

p-t

position: sticky;

Using breakpoints

Using responsive breakpoints like sm:p-*, md:p-*, lg:p-*, and xxl:p-* allows targeting specific utilities in different viewports.

<div class="p-a md:p-s ..."></div>

Using variants

Using :hover variants such as h:p-* allows you to override elements and change their values when hovering over them.

<div class="p-a h:p-s ..."></div>