Position

Control box position

Prerequisites

How positioned element properties, such as top and left, work.

When to use

For the rare occations that require elements to be positioned outside of the current flow.

/*
    POSITION
    to change the default position (use sparingly!)
*/
@layer utilities_position {
  .static { position: static; }
  .relative { position: relative; }
  .absolute { position: absolute; }
  .sticky { position: sticky; }
  .fixed { position: fixed; }
}