Frag is a fluid, responsive, simple grid system for CSS written in Sass.
Current Version: 2.1.1
Full Support: Android Browser 2.2–4.2, Firefox 3.6, Firefox 4–19, Google Chrome 14–25, Internet Explorer 8–10, Mobile Safari iOS 3–6, Opera 12.10, Safari 5–6
Degraded Support: Internet Explorer 6–7 (fixed width grid and lose a little functionality, but content is still presentable)
Frag is easy to use and highly configurable, you can use it with either plain CSS or Sass. The Frag website has the full documentation.
- Installing and using Frag
- Configuring Frag, and customising to suit your needs
- Grid usage documentation
- Frag grid demo
Once you're set up, you can run the following commands:
$ make compile # compile Sass source to CSS $ make minify # compile Sass source to CSS and minify
When no build target is specified, make will run minify and compile. This means you can use the following command for brevity:
Work on files in the
lib directory; files in
build are generated by the build tools. Please run
make and commit generated files before opening a pull request.
Frag 1.0 supported LESS as well as Sass, and handled things a little differently. The Frag 1.0 source is still available here.
Copyright 2013, Rowan Manning
Licensed under the MIT license.