Pos class modifiers

ClassDescription
pos-topleftPlace content at the top left corner
pos-topPlace content at the top
pos-toprightPlace content at the top right corner
pos-topfullPlace content at the top, spanning the full width
pos-leftPlace content at the left
pos-bottomleftPlace content at the bottom left corner
pos-bottomPlace content at the bottom
pos-bottomrightPlace content at the bottom right corner
pos-bottomfullPlace content at the bottom, spanning the full width
pos-leftfullPlace content at the left, spanning the full height
pos-rightPlace content at the right
pos-rightfullPlace content at the right, spanning the full height
pos-centerPlace content at the center.
pos-overlayCreates an overlay.

CSS Variables

VariableDefaultDescription
--nudge0Amount to nudge towards the center on both block and inline axis
--nudge-x
0Amount to nudge towards the center on the inline axis
--nudge-y0Amount to nudge towards the center on the block axis