flex
flex-basis
Utilities for controlling the initial size of flex items.
Overview
These are fluid <sizes>-based utilities.
| Class | Style |
|---|---|
| basis-<size> | flex-basis: var(--size-<size>); |
In Depth
| Class | Style |
|---|---|
| basis-auto | flex-basis: var(--size-auto); |
| basis-zero | flex-basis: var(--size-zero); |
| basis-3xs | flex-basis: var(--size-3xs); |
| basis-2xs | flex-basis: var(--size-2xs); |
| basis-xs | flex-basis: var(--size-xs); |
| basis-sm | flex-basis: var(--size-sm); |
| basis-md | flex-basis: var(--size-md); |
| basis-ml | flex-basis: var(--size-ml); |
| basis-lg | flex-basis: var(--size-lg); |
| basis-xl | flex-basis: var(--size-xl); |
| basis-2xl | flex-basis: var(--size-2xl); |
| basis-3xl | flex-basis: var(--size-3xl); |
| basis-4xl | flex-basis: var(--size-4xl); |
| basis-5xl | flex-basis: var(--size-5xl); |
| basis-6xl | flex-basis: var(--size-6xl); |
| basis-7xl | flex-basis: var(--size-7xl); |
| basis-8xl | flex-basis: var(--size-8xl); |
| basis-9xl | flex-basis: var(--size-9xl); |
| basis-10xl | flex-basis: var(--size-10xl); |
| basis-max | flex-basis: var(--size-max); |