Join Ray Villalobos for an in-depth discussion in this video Using Sass and Compass for CSS, part of Web Project Workflows with Gulp.js, Git, and Browserify.
…Let's work on our Sass files next.…Although this is not going to be a full-fledged course…on Sass, I want to take sometime to talk about what…we're going to do and why adding Sass to your workflow…is going to make you love the way you write CSS.…Sass stands for Syntactically Awesome Style Sheets, and like…the website says, it's like adding super powers to CSS.…It gives you the ability to do a few key things and learning how to use it.…Is a piece of cake because the SASS syntax is exactly like CSS with some additions.…
First, Sass lets you create variables in your CSS.…So doing things like changing colors and font in your document becomes super easy.…It also allows you to nest your CSS, so that it's…easier to put all your CSS together and keep it better organized.…So you can see here that this unordered list…tag is actually inside this NAV tag, and so when…this gets written out to regular CSS, this is…going to be a NAV with a child of unordered list.…But it'll take care of all this for you.…
Next, it also lets you create something called partials.…
- Why workflow management?
- Processing tasks with gulp-coffee
- Importing libraries with Browserify
- Processing Sass and Compass
- Issuing tasks in sequence
- Watching changes to files
- Adding static reloads
- Setting up environment variables
- Minifying HTML
- Compressing images