- Introduction - [[rcsc:Welcome]] - [[rcsc:What you should know]] - [[rcsc:Using the exercise files]] - Getting Started - [[rcsc:What is Sass and Compass?]] - [[rcsc:Analyzing workflow options]] - [[rcsc:Setting up a folder structure]] - [[rcsc:Adding version control]] - [[rcsc: Using Node.js npm with package.json]] - Setting Up a Workflow with Grunt.js - [[rcsc:Creating your first task]] - [[rcsc:Watching out for automated tasks]] - [[rcsc:Reloading your browser on save]] - [[rcsc:Setting up a config.rb file for Compass]] - [[rcsc:Adding Susy for responsive grids]] - Scaffolding Our HTML - [[rcsc:What we'll be building]] - [[rcsc:Preparing our assets]] - [[rcsc:Scaffolding the header and footer]] - [[rcsc:Adding our speaker info]] - [[rcsc:Inserting the main content]] - Sass Principles - [[rcsc:Modularizing your Sass with partials]] - [[rcsc:Creating a color palette with variables]] - [[rcsc:Understanding Compass imports]] - [[rcsc:Adding custom fonts and icons]] - Styling with Sass and Compass - [[rcsc:Styling our base partial with variables, selector helpers, and parent selectors]] - [[rcsc:Making your CSS more semantic]] - [[rcsc:Controlling mixin parameters]] - [[rcsc:Creating a mobile-first layout]] - Responsive Layout Grids with Susy - [[rcsc:Setting up Susy's defaults]] - [[rcsc:Starting our layout structure]] - [[rcsc:Modifying our secondary content]] - [[rcsc:Displaying content on media query breakpoints]] - [[rcsc:Adjusting our navigation]] - [[rcsc:Improving our Speakers section]] - [[rcsc:Finishing our layout]] - Conclusion - [[rcsc:Next steps]]