seed-ui

Live Site

Each component gets its own sub-folder in the components folder.
Add the scss partials of the components to the file named after you in the partials folder.
Refer to _jake.scss for an example.
Run sass --watch components:css to automatically compile scss.
Use your named html file in the html-temp folder to write up your components.
If you need fonts, Google Material icons have been added to each html file. (https://material.io/icons/ for usage instructions)
All classes to be prefixed with su_

First check if you system has node.js installed. In the command line type:

node -v // v7.6.0

if you have it, then check if you have npm (node package manager) installed:

npm -v // 4.3.0
- if you don't have those installed, follow these instructions to install node.js and npm
Now, install grunt-cli:

npm install -g grunt-cli // '-g' means install it globally on your system
Now, it is time to install all needed packages. cd into your repository directory and run this command:

npm install
After that use the following commands:
- grunt - this concatenates js files, compiles sass files, and watches for changes in those files
- grunt build - build for production, uglifies JS, and compiles sass
The main.js, main.min.js and main.css are located in the prod directory on the root of the repository. Make sure you link to those files in your HTML file
You can stop grunt task by pressing Ctrl + C in the command line