Positions
Utilities to control the positions of the elements
| Class | Properties |
|---|---|
| absolute | position: absolute |
| relative | position: relative |
| fixed | position: fixed |
| sticky | position: sticky |
Top
| Class | Properties |
|---|---|
| top-xs | top: var(--dash-size-xs); |
| top-sm | top: var(--dash-size-sm); |
| top-md | top: var(--dash-size-md); |
| top-lg | top: var(--dash-size-lg); |
| top-xl | top: var(--dash-size-xl); |
| top-2xl | top: var(--dash-size-2xl); |
| top-3xl | top: var(--dash-size-3xl); |
| top-4xl | top: var(--dash-size-4xl); |
| top-5xl | top: var(--dash-size-5xl); |
| top-6xl | top: var(--dash-size-6xl); |
| top-7xl | top: var(--dash-size-7xl); |
| top-8xl | top: var(--dash-size-8xl); |
| top-9xl | top: var(--dash-size-9xl); |
| top-full | top: var(--dash-size-full); |
| top-screen | top: var(--dash-size-screen); |
Bottom
| Class | Properties |
|---|---|
| bottom-xs | bottom: var(--dash-size-xs); |
| bottom-sm | bottom: var(--dash-size-sm); |
| bottom-md | bottom: var(--dash-size-md); |
| bottom-lg | bottom: var(--dash-size-lg); |
| bottom-xl | bottom: var(--dash-size-xl); |
| bottom-2xl | bottom: var(--dash-size-2xl); |
| bottom-3xl | bottom: var(--dash-size-3xl); |
| bottom-4xl | bottom: var(--dash-size-4xl); |
| bottom-5xl | bottom: var(--dash-size-5xl); |
| bottom-6xl | bottom: var(--dash-size-6xl); |
| bottom-7xl | bottom: var(--dash-size-7xl); |
| bottom-8xl | bottom: var(--dash-size-8xl); |
| bottom-9xl | bottom: var(--dash-size-9xl); |
| bottom-full | bottom: var(--dash-size-full); |
| bottom-screen | bottom: var(--dash-size-screen); |
Left
| Class | Properties |
|---|---|
| left-xs | left: var(--dash-size-xs); |
| left-sm | left: var(--dash-size-sm); |
| left-md | left: var(--dash-size-md); |
| left-lg | left: var(--dash-size-lg); |
| left-xl | left: var(--dash-size-xl); |
| left-2xl | left: var(--dash-size-2xl); |
| left-3xl | left: var(--dash-size-3xl); |
| left-4xl | left: var(--dash-size-4xl); |
| left-5xl | left: var(--dash-size-5xl); |
| left-6xl | left: var(--dash-size-6xl); |
| left-7xl | left: var(--dash-size-7xl); |
| left-8xl | left: var(--dash-size-8xl); |
| left-9xl | left: var(--dash-size-9xl); |
| left-full | left: var(--dash-size-full); |
| left-screen | left: var(--dash-size-screen); |
Right
| Class | Properties |
|---|---|
| right-xs | right: var(--dash-size-xs); |
| right-sm | right: var(--dash-size-sm); |
| right-md | right: var(--dash-size-md); |
| right-lg | right: var(--dash-size-lg); |
| right-xl | right: var(--dash-size-xl); |
| right-2xl | right: var(--dash-size-2xl); |
| right-3xl | right: var(--dash-size-3xl); |
| right-4xl | right: var(--dash-size-4xl); |
| right-5xl | right: var(--dash-size-5xl); |
| right-6xl | right: var(--dash-size-6xl); |
| right-7xl | right: var(--dash-size-7xl); |
| right-8xl | right: var(--dash-size-8xl); |
| right-9xl | right: var(--dash-size-9xl); |
| right-full | right: var(--dash-size-full); |
| right-screen | right: var(--dash-size-screen); |