consola.css

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


Keywords
consola, css, micro-framework, scss, minimal, console, cli, css-framework, css-micro-framework, theme
License
MIT
Install
bower install consola.css

Documentation

layout
home

consola.css NPM Bower NPM Downloads license Code Climate

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.2 kB gzipped. It also includes SCSS and CSS files and comes with a gulpfile for customizing the build.

Installation

Via bower

$ bower install --save consola.css

Via npm

$ npm install --save consola.css

Using the SCSS

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";

Using the CSS

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

License

MIT License - Copyright (c) 2016 Pascal Kleindienst

See LICENSE for full license description

Credits