First Steps

If you have no interest in setting up and configuring shades, you may just include the default Shades css and use as is. Its light weight (approximately 42kb), has a lot to get you going and at thesame time doesnt get in your way.

<link rel="stylesheet" href="assets/src/css/boilerplate.min.css">

Or you can use the unminified version. As stated above you would need to make use of Sass and Grunt to use this package efficiently.

If you aleady have Sass installed proceed, else please head over to the official guide and install Sass on your system.

If you already have Node installed, go ahead to clone the project

git clone https://github.com/Ojanti/_ShadesSCSS.git

Install the dev dependencies by running

npm install

If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to work with a Gruntfile as well as install and use additonal Grunt plugins.

You will find the project's grunt.js file in the root with these preconfigured tasks

concat - Which concatenate files.

uglify - Minify JS files

sass - Compile Sass to CSS

postcss - Apply several post-processors to CSS. In this case, autoprefixer and pixrem .

and . cssmin - Compress CSS files

Run