Dialtone

Position

Utility classes to change an element’s position type.

Classes

Set an element’s position by using the position classes listed in the table below. Starting in v5.8.0, Dialtone began providing immutable type classes, meaning they include an !important to override CSS specificity.

ClassOutput
.d-ps-staticposition: static !important;
.d-ps-relativeposition: relative !important;
.d-ps-absoluteposition: absolute !important;
.d-ps-fixedposition: fixed !important;
.d-ps-stickyposition: sticky !important;
.d-ps-unsetposition: unset !important;

Examples

<div class="d-ps-static"></div>
<div class="d-ps-relative"></div>
<div class="d-ps-absolute"></div>
<div class="d-ps-fixed"></div>
<div class="d-ps-sticky"></div>
Last Updated: