Grid system pack for Seed!
You can use this with any project you'd like! (Seed not required).
npm install seed-grid --save
Check out our styleguide for documentation of this pack.
This seed pack needs to be imported into your sass pipeline. Below is an example using Gulp:
var gulp = ;var sass = ;var seedGrid = ;gulp;
Once that is setup, simply
@import seed-grid as needed in your
Note: Because seed-grid has dependencies, its includePaths output will be an
array. If you're including other paths in addition to seed-grid, you will need to flatten the array. An easy way to do this is to use sass-pathfinder.
Example with sass-pathfinder:
var gulp = ;var sass = ;var seedGrid = ;var pathfinder = ;gulp;
The following variables can be found in
// Namespace// Container) !// Grid0: 0%,1: 82: 163: 25%,4: 335: 416: 50%,7: 588: 669: 75%,10: 8311: 9112: 100%,20: 20%,) !) !
Grid pack uses the Breakpoints mixin pack. You can modify your grid breakpoints by adjusting the
// Breakpoints) !