base-template-knacss

SASS boilerplate based on KNACSS template, using Gulp, Saas & Yarn. Minimalist on purpose, for a better modularity.

• Work directory : sass/
• Build directory : css/

Installation requirements

Gulp

Visit https://gulpjs.com/

Sass

Visit sass-lang.com/install to install Sass.

Yarn

Visit yarnpkg.com/docs/install to install Yarn dependency manager.

Download the dependencies

yarn install

Usage

Build project

Sass compilation + autoprefixer + minify

gulp build

Run project

Browser Sync & Build on save (default task)

gulp

How it works

The SASS files are located in /sass.

• config/ : Default configuration files
• library/ : Default KNACSS librairies
• vendor/ : Default third party "plugins"
• components/ : Default KNACSS components

Custom SASS folder :

• template/ : User's variables & custom stylesheets

What about creating your website using KNACSS ?

Even if KNACSS is super light and easy-to-use, you'll need to go trough the (short — but in French) documentation.

Then, you can either use the ready-to-use knacss.css file or work with the sass files.