Flex

Utilities for controlling how flex items both grow and shrink and also available for full width.

Namespace	Output
full	{ width: '100%' }
flex	{ flex: 1 }
flex-0	{ flex: 0 }
flex-2	{ flex: 2 }
flex-3	{ flex: 3 }
flex-4	{ flex: 4 }
flex-5	{ flex: 5 }
flex-6	{ flex: 6 }
flex-7	{ flex: 7 }
flex-8	{ flex: 8 }
flex-9	{ flex: 9 }
flex-10	{ flex: 10 }
flex-11	{ flex: 11 }
flex-12	{ flex: 12 }