Flex Intent Overview
Flex intent contains flex layout related utilities.
Utilities available in @flex intent are listed below.
| Utility | Description | Documentation |
|---|---|---|
base-* | Set base (flex-basis) sizing for flex items. | base |
content-* | Control flex container content alignment along cross-axis. | content |
flow-* | Define flex layout flow or direction. | flow |
grow-* | Set flex grow factor for expanding items. | grow |
items-* | Align flex items within container along cross-axis. | items |
justify-* | Justify flex content distribution along main-axis. | justify |
order-* | Set flex item order within container. | order |
place-* | Set flex items alignment along main-axis and cross-axis combined. | place |
preset-* | Use preset, flexbox sizing combinations. | preset |
self-* | Align individual flex item within container along cross-axis. | self |
shrink-* | Control flex shrink factor for items. | shrink |
wrap-* | Control flex wrapping behavior. | wrap |