Layout

Utilities for controlling an element's layout.

Class	Properties
`.block`	`display: block;`
`.inline-block`	`display: inline-block;`
`.inline`	`display: inline;`
`.flex`	`display: flex;`
`.inline-flex`	`display: inline-flex;`
`.hidden`	`display: none;`
`.visible`	`visibility: visible;`
`.invisible`	`visibility: hidden;`
`.float-left`	`float: left;`
`.float-right`	`float: right;`
`.float-none`	`float: none;`
`.clearfix`	`::after { display: block; content: ''; clear: both; }`
`.flex-row`	`flex-direction: row;`
`.flex-column`	`flex-direction: column;`
`.flex-wrap`	`flex-wrap: wrap;`
`.flex-no-wrap`	`flex-wrap: nowrap;`
`.items-stretch`	`align-items: stretch;`
`.items-start`	`align-items: flex-start;`
`.items-center`	`align-items: center;`
`.items-end`	`align-items: flex-end;`
`.content-start`	`align-content: flex-start;`
`.content-center`	`align-content: center;`
`.content-end`	`align-content: flex-end;`
`.content-between`	`align-content: space-between;`
`.content-around`	`align-content: space-around;`
`.self-auto`	`align-self: auto;`
`.self-start`	`align-self: flex-start;`
`.self-center`	`align-self: center;`
`.self-end`	`align-self: flex-end;`
`.self-stretch`	`align-self: stretch;`
`.justify-start`	`justify-content: flex-start;`
`.justify-center`	`justify-content: center;`
`.justify-end`	`justify-content: flex-end;`
`.justify-between`	`justify-content: space-between;`
`.justify-around`	`justify-content: space-around;`
`.flex-stretch`	`flex: 1 1 0%;`
`.flex-none`	`flex: none;`
`.flex-grow`	`flex-grow: 1;`
`.flex-no-grow`	`flex-grow: 0;`
`.flex-shrink`	`flex-shrink: 1;`
`.flex-no-shrink`	`flex-shrink: 0;`