Get started with SASS and improve your CSS workflow

Rob Sutcliffe, Let's design stuff

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
26 Lessons (1h 54m)
    • 1. Intro

      0:58
    • 2. SASS Myths Busted

      5:48
    • 3. Setup Your Environment

      2:42
    • 4. SASS or SCSS

      3:56
    • 5. Nesting

      3:49
    • 6. Nesting Properties

      1:44
    • 7. Refrencing

      4:16
    • 8. Comments

      2:13
    • 9. Variable

      3:45
    • 10. Data Types

      9:22
    • 11. Operations

      3:17
    • 12. Custom Funcitons

      6:45
    • 13. Builtin Function

      2:02
    • 14. Where to Find More Functions

      0:37
    • 15. Mixins

      6:09
    • 16. Include

      3:17
    • 17. Extend

      4:40
    • 18. What Is Compass

      5:39
    • 19. Compass Box Shadow Example

      2:42
    • 20. Compass Opacity Example

      1:11
    • 21. Compass Contrast Example

      2:51
    • 22. Where to Find More Compass Functions

      0:29
    • 23. Lists

      7:58
    • 24. Loops

      16:05
    • 25. If Else

      11:39
    • 26. Congratulations

      0:30
14 students are watching this class

Project Description

Rewrite a stylesheet with SASS

Find a recent stylesheet you've written for a project and rewrite it in SASS. Try and remove any repeated areas of code. If you add it as a project I'll personally see if I can help reduce that SASS sheet down as small as it'll go. 

Student Projects

project card
Joshua Ganyon
1 comment