Notes for SASS course

TOOLBOX

Install SASS
Follow the guide for your operative system.

Install Compass  

# gem update --system
# gem install compass Then initiate a compass project in your theme / webpage:

Usage:

# compass create yourProjectFolder


Debugging

• Linux, Windows, Mac - Koala.

COMPASS AND WORDPRESS

# cd ../wordpress/wp-content/themes
# compass create thematic_child

Now in the folder you'll find these directories and files:

/sass - containing these files: ie.scss print.scss screen.scss
/stylesheets - containing these files: ie.css print.css screen.css

Here is my thematic_child theme.

# compass compile thematic_child/

Will compile relevant .scss to .css

Update your browser to see the result.

Let compass update the .css files automaticly ( see the image above ):

# compass watch thematic_child