civil.css

A minimal, opinionated, and content-centric CSS library designed for perfectionists by harnessing the magic of modular scale, and vertical rhythm.

Style Guide

Installation

There are two ways you can download, and use civil.css:

• Download it from the project page.
• (Recommended) Install with Bower: bower install --save civil.css

Building

Bower

To build civil.css from source, please ensure you have installed Bower.

1. Run bower install in the project directory.

2. Compile the SASS source by running:

   sass --load-path bower_components/bourbon/app/assets/stylesheets/ --style compressed --watch sass:dist

Gulp

It can also be built using Gulp (Bower dependencies are still required):

1. Run npm install to install the build dependencies.
2. Run gulp build (npm run build if Gulp is not installed globally) to build civil.css.

Configuration

See, and modify sass/modules/_variables.scss.

Inspiration

civil.css was inspired by the following toolkits / libraries / frameworks which you should definitely check out:

• Reboot by Bootstrap
• Basscss
• Skeleton
• Pure
• TACHYONS