sass_training-ddl

Sass training repo for Dentsu Data Labs

Agenda

• What is Sass?
• Preprocessing
  • Build Tools, requirments, etc.
• Nesting
  • Cleaner stylesheets
  • What should be nested?
  • Using the "&"
• Variables
  • Declaration syntax
  • Keeping stylesheets DRY
• Operators
  • Maths!
• Mixins
  • Syntax
  • @content
  • [Simple] prefix example
  • [Advanced] box-shadow example
• Partials
  • Syntax
  • Modular, reusable stylesheets
• Conditionals & Loops
  • For
  • If
• Extend/Inheritance
  • How, when & why?
• Best Practices
  • DRY
  • YAGNI
  • KISS