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.
Using variants
Using :hover
variants such as h:p-*
allows you to override elements and change their values when hovering over them.