To apply the flex grid we us the scss in the file @import “grid/flex-grid/flex-grid”;
Documentation for this can be found on http://flexboxgrid.com/
Below are some of the basics and things to note in our implementation
Ideally a site will not normally use grid layout and flex grid, however we have used 2 different sources for these and modified flex grid a little, so both can be applied if nessesary.
.row is replaced with flew-row in our implementation
.flex-row div containing .col-lg-4 cells
.flex-row div containing .col-lg-8 cells
Offsets
Autowidth
mix width and autowidth
Alignment
start: .start-xs
center: .center-xs
end: .end-xs
top: .top-xs
middle: .middle-xs
bottom: .bottom-xs
Distribution
around: .around-xs
between: .between-xs
Reordering
first: .first-xs
last: .last-xs
Reversing
reverse: .reverse