Display
| Class | CSS |
|---|
chai-block | display: block |
chai-inline | display: inline |
chai-inline-block | display: inline-block |
chai-flex | display: flex |
chai-inline-flex | display: inline-flex |
chai-grid | display: grid |
chai-inline-grid | display: inline-grid |
chai-table | display: table |
chai-contents | display: contents |
chai-hidden | display: none |
For flex- and grid-specific utilities, see Flex & Grid.
Position
| Class | CSS |
|---|
chai-static | position: static |
chai-relative | position: relative |
chai-absolute | position: absolute |
chai-fixed | position: fixed |
chai-sticky | position: sticky |
Inset
| Class | CSS |
|---|
chai-top-0 | top: 0px |
chai-right-4 | right: 4px |
chai-bottom-[1rem] | bottom: 1rem |
chai-left-auto | left: auto |
chai-inset-0 | top: 0; right: 0; bottom: 0; left: 0 |
Z-index
| Class | CSS |
|---|
chai-z-0 | z-index: 0 |
chai-z-10 | z-index: 10 |
chai-z-50 | z-index: 50 |
chai-z-[100] | z-index: 100 |
Overflow
| Class | CSS |
|---|
chai-overflow-hidden | overflow: hidden |
chai-overflow-auto | overflow: auto |
chai-overflow-scroll | overflow: scroll |
chai-overflow-visible | overflow: visible |
