Utilities

Flex layout

/path/to/floncss/trumps/displays/displays.css

Class	Properties
align items
	align-items: inherit;
	align-items: normal;
	align-items: stretch;
	align-items: center;
	align-items: start;
	align-items: end;
	align-items: flex-start;
	align-items: flex-end;
align self
	align-self: inherit;
	align-self: baseline;
	align-self: auto;
	align-self: center;
	align-self: flex-start;
	align-self: flex-end;
justify content
	justify-content: inherit;
	justify-content: normal;
	justify-content: stretch;
	justify-content: space-between;
	justify-content: space-around;
	justify-content: space-evenly;
	justify-content: center;
	justify-content: start;
	justify-content: end;
	justify-content: flex-start;
	justify-content: flex-end;
justify self
	justify-self: inherit;
	justify-self: baseline;
	justify-self: auto;
	justify-self: center;
	justify-self: flex-start;
	justify-self: flex-end;
flex wrap
	flex-wrap: wrap;
	flex-wrap: wrap-reverse;
	flex-wrap: nowrap;
flex shrink
	flex-shrink: 1;
	flex-shrink: 0;
flex direction
	flex-direction: column;
	flex-direction: column-reverse;
	flex-direction: row;
	flex-direction: row-reverse;
order
	order: 1;
	order: 2;
	order: 3;
	order: 4;
	order: 5;
	order: 6;
	order: 7;
	order: 8;
	order: 9;
	order: 10;
	order: 11;
	order: 12;
	order: -9999;
	order: 9999;
	order: 0;
flex
	flex: 1 1 0%;
	flex: 1 1 auto;
	flex: 0 1 auto;
	flex: none;