Kanbasu is a toolbox to create responsive web interfaces quickly. It’s focused on the layout and voluntarily avoid defining much “styling” properties which can be completely different from project to project.
Written is Sass, it’s highly customizable, every component being optional and customizable with variables.
CSS features used are working in all current major browsers. The oldest Internet Explorer version supported is 11. However, the framework does not include vendor-prefixed properties! When building it, we recommend you to use Autoprefixer to ensure a complete compatibility.
Read more and browse the documentation on kanbasu.liip.ch.
With npm (recommended)
npm install --save-dev kanbasu
yarn add --dev kanbasu
As a Git submodule
git submodule add email@example.com:liip/kanbasu.git
Easily scaffold a new project by running the script below in your project directory to:
settings/_settings.scssto the specified destination
- adapt paths inside
main.scssto match the Node module location
- remove Sass
npx kanbasu path/to/your/sass/directory
Kanbasu does not include vendor-prefixed properties. You should consider using a tool like Autoprefixer to ensure the properties used match the desired browser support.
Have a look at the documentation →