Hey ya! This is the documentation for version 1, check out the latest version.

How to use


With NPM

$ npm install --save-dev kanbasu

As a Git submodule

$ git submodule add git@github.com:liip/kanbasu.git

Or simply download the zip.


It’s recommended to copy the framework main file to your project to customize it as you wish. You’ll have to change all @import paths to match the framework location then.

$ cp node_modules/kanbasu/srcassets/scss/kanbasu.scss destination/kanbasu.scss

It’s also recommended to duplicated the settings file to have a quick access to all the variables and adapt them to your needs.

$ cp node_modules/kanbasu/srcassets/scss/settings/_settings.scss destination/settings/_kanbasu.scss

You should then import it in your main Sass file, before other Kanbasu files, to overrides the framework default settings. Learn more about Sass default variables.

Report issues

Feel free to report any bug or suggestion through Github’s issues tracker.


You are welcome to fork and request merge for whatever you think can improve the framework.

Kanbasu is built using Fabricator. As soon as you have Node.js >= 0.10 installed, you just need to run:

$ npm install

to install all the dependencies and then:

$ npm start

to start working.

The complete guide is available in Fabricator documentation.

Guidelines are simple; keep the code DRY, follow the .editorconfig and organize declarations.


Kanbasu is proudly made at Liip.