SCSS

CSS Building Blocks: Selectors

To fully understand the next presentation on CSS pre-processors, you need to know the following from CSS Building Blocks: Selectors

  • Descendant, child , & adjacent combinators
  • Difference between pseudo-element & pseudo-class selectors
  • :visited link pseudo-class selectors
  • Attribute selectors

CSS Pre-Processors: Extending CSS to Provide Extra Functionality

Background. SCSS Features. Variables. Nesting. Mixins. Comments. SCSS Tools. Brackets. CodePen. CodeKit. Prepros. SCSS → CSS.

VSCode Extensions

  • Live Sass Compiler by Ritwick Day
WebSanity Top Secret