• What is a preprocessor?
• CSS Preprocessors
  • Stylus
  • Less
  • Sass and SCSS
    • What’s the Difference?

SCSS Basics

• Workflow
  • UNIX Based-Systems (OSX)
    • Comand Line – CLI
  • Windows
    • Install Ruby
    • Install from powershell
  • Helper Applications
    • CodeKit (Paid)
    • Compass.app (Paid, Open Source)
    • Ghostlab (Paid)
    • Hammer (Paid)
    • Koala (Open Source)
    • LiveReload (Paid, Open Source)
    • Prepros (Paid)
    • Scout (Open Source)
  • Brackets
    • Install Brackets Sass
• SCSS Basics – CodeCast
  • Codepen Support
• Key Feautures
  • Variables
  • Nesting
  • Partials
  • Parent Selectors
  • Comments
  • Mixins
    • @include
    • Handy Mixins
    • Mixin Libraries

Assignment

Setup your personal work environment to support Sass/SCSS to experiment further. Start simple and then build in complexity as needed. Review the Sass Style Guide for a deeper look.