consola.css
A CSS micro-framework for a console like style

consola.css is a lightweight CSS micro-framework for a console like style.

It is very minimalistic and has therefore a small footprint of under 5 kB gzipped. It also includes SCSS and CSS files and comes with a gulpfile for customizing the build.

Documentation Download Source Code

Installation

Via bower

$ bower install --save consola.css

Via npm

$ npm install --save consola.css

CSS

Just add a <link> in your <head> of either consola.css or the minified version consola.min.css.

Customization

In your SCSS file, you can import consola.css:

@import "/path/to/consola.css/scss/consola";

Variables are stored in the scss/_variables.scss file, so they can be easily customized:

$font-size: 14px;
$red: #ff0000;

@import "/path/to/consola.css/scss/consola";