Utilities
Flex layout
/path/to/floncss/trumps/displays/displays.css
| Class | Properties |
|---|---|
| align items | |
| items:inherit | align-items: inherit; |
| items:normal | align-items: normal; |
| items:stretch | align-items: stretch; |
| items:center | align-items: center; |
| items:start | align-items: start; |
| items:end | align-items: end; |
| items:flex-start | align-items: flex-start; |
| items:flex-end | align-items: flex-end; |
| align self | |
| self:inherit | align-self: inherit; |
| self:baseline | align-self: baseline; |
| self:auto | align-self: auto; |
| self:center | align-self: center; |
| self:flex-start | align-self: flex-start; |
| self:flex-end | align-self: flex-end; |
| justify content | |
| justify:inherit | justify-content: inherit; |
| justify:normal | justify-content: normal; |
| justify:stretch | justify-content: stretch; |
| justify:between | justify-content: between; |
| justify:around | justify-content: around; |
| justify:evenly | justify-content: evenly; |
| justify:center | justify-content: center; |
| justify:start | justify-content: start; |
| justify:end | justify-content: end; |
| justify:flex-start | justify-content: flex-start; |
| justify:flex-end | justify-content: flex-end; |
| justify self | |
| justify-self:inherit | justify-self: inherit; |
| justify-self:baseline | justify-self: baseline; |
| justify-self:auto | justify-self: auto; |
| justify-self:center | justify-self: center; |
| justify-self:flex-start | justify-self: flex-start; |
| justify-self:flex-end | justify-self: flex-end; |
| flex wrap | |
| flex-wrap | flex-wrap: wrap; |
| flex-wrap-reverse | flex-wrap: wrap-reverse; |
| flex-wrap-nowrap | flex-wrap: wrap-nowrap; |
| flex shrink | |
| shrink:1 | flex-shrink: 1; |
| shrink:0 | flex-shrink: 0; |
| flex direction | |
| direction:column | flex-direction: column; |
| direction:column-reverse | flex-direction: column-reverse; |
| direction:row | flex-direction: row; |
| direction:row-reverse | flex-direction: row-reverse; |
| order | |
| order:1 | order: 1; |
| order:2 | order: 2; |
| order:3 | order: 3; |
| order:4 | order: 4; |
| order:5 | order: 5; |
| order:6 | order: 6; |
| order:7 | order: 7; |
| order:8 | order: 8; |
| order:9 | order: 9; |
| order:10 | order: 10; |
| order:11 | order: 11; |
| order:12 | order: 12; |
| order:first | order: -9999; |
| order:last | order: 9999; |
| order:last | order: 0; |
| flex | |
| flex:1 | flex: 1 1 0%; |
| flex:auto | flex: 1 1 auto |
| flex:initial | flex: 0 1 auto |
| flex:none | flex: none |