Skip to content

Position

You can use these basic position utilities to control the placement of elements.

  • .p-absolute
  • .p-fixed
  • .p-relative

These can be applied to both absolute and fixed elements.

.at-center
.at-golden-ratio
.at-maximum
.at-bottom
.at-top
.at-left
.at-right
.at-top-right
.at-bottom-right
.at-bottom-left
.at-top-left

You can use these utilities to set the offset of an element from its nearest positioned ancestor.

.inset-none
.inset-2xs
.inset-xs
.inset-sm
.inset-md
.inset-lg
.inset-xl
.inset-2xl
.inset-3xl
.inset-4xl
.inset-5xl
.inset-6xl
.inset-7xl
.inset-8xl
.inset-9xl
.inset-10xl

You can find the spacing tokens in the tokens reference.