V2.0.0
Version 2.0.0
Adds
.grid__row
The holder for a row of columns
.grid__row--no-gutters
By applying this class, the gutters from the row will be removed
.grid__row--{breakpoint}-top
By applying this class, the columns will be aligned at the top
.grid__row--{breakpoint}-center
By applying this class, the columns will be aligned at the center
.grid__row--{breakpoint}-bottom
By applying this class, the columns will be aligned to the top
.grid__col--{breakpoint}-last
By applying this class, the column will be pushed to the back
.grid__col--{breakpoint}-first
By applying this class, the column will be pulled to the front
.grid__row--{breakpoint}-reverse
By applying this class, the columns will be displayed in reverse order
.grid__col--{breakpoint}-flex
By applying this class, the column will be the same height as the parent.
.grid__col--{breakpoint}-offset-{column}
By applying this class, the column will have a offset of a certain column width.
Renames
Overall
Removed all the caps
.Grid__fixed
Renamed to .grid__container
Removes
.Grid__fluid
It is possible to make a full width grid by only applying the .grid class
Bugfixes
- Several bugs for Internet Explorer, Edge, Firefox and Safari