Milligrid is a responsive CSS grid system which uses flexbox as a basis for its layout. It is based on the excellent grid built into Milligram, which was in turn based on work by Philip Walton. Milligrid aims to take the brilliant Milligram grid and provide it in a standalone package with enhanced configuration options in the form of Sass variables.
Complete documentation is available for information on how best to utilise the grid system.
You can either download Milligrid directly or install it via npm or bower:
NPM:
npm install milligrid --save
Bower:
bower install milligrid
The core of Milligrid, this stylesheet includes only the grid styling with the default options.
Includes the core Milligram grid system and some additional text styling options. This is under development and should be used with caution.
The .scss Sass source code files. These can be configured using the variables or ripped up and re-used however best suits your needs.
- Actually included
src/inside NPM package.
- Added some new inline tags to extended CSS.
- Included
src/inside NPM package.
- Fixed IE issue where layout would break on small devices.
- Added additional mixins.
- Initial release.
- Complete grid system.
- Very basic text styling.
- Responsive utility classes (lg, md, sm, xs).
- A more complete set of text element styles.
- Configurable vertical rhythm.
- Grid elements shouldn't rely on global box-sizing.
- All classes should have prefix and be available through mixin (breaking change).
- Update version number in
package.json - Update release notes in
readme.md - Create GitHub release (this is also a bower publish)
- Do
npm publish