Installation

You can use Frag in a couple of different ways, depending on the way your site is being developed. First, you'll need to download the latest version or grab the code on GitHub.

You can also install Frag with Bower or Component using the following commands:

$ bower install frag
$ component install rowanmanning/frag

Plain CSS

If you're just writing vanilla CSS, then you can simply include frag.css or frag.min.css in your page above your own styles. Assuming you have the Frag source code in the vendor/frag folder:

<link rel="stylesheet" href="vendor/frag/build/frag.css" />

Sass

If you're already using Sass with your project, then you can include Frag directly. This is simple; assuming you have the Frag source code in the vendor/frag folder:

@import "vendor/frag/build/frag";

If you wish to customise Frag, you can do so using Sass variables. You can find documentation for customising Frag here.

Usage

Once you're set up, you can start using the grid provided by Frag. Read the documentation.