Expand description
Utilities for controlling the initial size of flex items.
| Class | Properties |
|---|---|
| basis-<float> | flex-basis: <float / 4>rem; |
| basis-<integer>/<integer> | flex-basis: (<integer>/<integer>)%; |
| basis-px | flex-basis: 1px; |
| basis-full | flex-basis: 100%; |
| basis-auto | flex-basis: auto; |
§Tailwind compatibility
Flex basis values don’t follow Tailwind’s philosophy of limiting possible values and all spacing values are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any <length> property is allowed as arbitrary value.
For example, basis-[1.45rem].