Skip to main content
Version: 0.6

Flex

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

NamespaceOutput
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 }