Frag

Frag is a fluid, responsive, simple grid system for CSS written in Sass.

⚠️ NOTE: This project is no longer being maintained. If you're interested in taking over maintenance, please contact me.

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)

Usage

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

Development

In order to build CSS from the Frag source files, you'll need to install the Sass command line utility. If you're on Windows, you'll need to install Make.

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:

$ make

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.

Legacy

Frag 1.0 supported LESS as well as Sass, and handled things a little differently. The Frag 1.0 source is still available here.

License

Copyright 2013, Rowan Manning
Licensed under the MIT license.