npm install --save-dev kanbasu
Install Kanbasu as an npm dependency.
See other methods
npx kanbasu path/to/your/sass/folder
Generate a main Sass file and a copy of the settings in the directory of your choice.
Made with Sass
High modularity and customization are the main reasons we chose Sass to build this framework. Customize all the defaults with variables and include only the modules you need to speed-up your loading time.
You won’t find a single fixed unit in here. Kanbasu is adapted to all devices and screen sizes. The mobile-first approach ensure your visitors will have the best experience even on the smallest screens.
Each project is different and a framework should not lock you up into its patterns. Kanbasu provides you the bare minimum to scaffold interfaces quickly without defining how the interface should look.
The flexible box module (aka flexbox) is intensively used accross the framework. It enables modern layouting techniques while keeping the code clean and supporting a wide range of browsers.
Kanbasu comes with a handy bunch of variants for each component to cover the usual cases. But since those are generated based on variables, you are free to add or remove pretty much anything.
Change a single variable and all the suitable properties flip for right-to-left languages. Easily style elements for both text directions using Kanbasu’s built-in tools.