Sass and CSS

This wiki is written based on this article

Only the Sass (.scss) files should be used to edit PeTaL's styles.css stylesheet!!

Here is how you can install sass and use it to edit css

1. Download the Ruby installer: http://rubyinstaller.org/downloads/ — Look for the version with (x64) on it.

2. Run the Ruby installer. Set directory as C:\Users\ your_username. Make sure to add to PATH.

3. Open CMD and run this command from any directory -> gem install sass

4. cd into PeTaL/site/static/ folder

5. Run this command -> sass --watch sass:css

You should now be able to see styles.css update whenever a .scss file in the sass folder is changed.