I've been doing plain CSS for about four years and decided to finally learn SASS properly after getting tired of managing massive stylesheets with no structure. I started about six weeks ago spending around an hour a day and I'm at the point where I can write nested rules, use variables, and do basic mixins without looking anything up. But the more advanced stuff like extending placeholders, controlling flow with loops, and building a proper design system from scratch still trips me up.
My current project is a mid-sized e-commerce site and I'm retrofitting an existing codebase to use SASS partials. The refactor is taking way longer than expected — probably 3x longer than writing it clean from the start would have been. Anyone else go through that painful conversion phase? I keep second-guessing whether I should just use CSS custom properties for some of this instead.
The part I'm finding most useful is the mixin system for responsive breakpoints. Before SASS I had the same media query string copy-pasted probably 80 times across the codebase. Now it's one mixin with a parameter and that alone justified the learning curve for me.
If you've taken a SASS certification or structured course, what did the assessment questions focus on? Was it mostly syntax or did they go into the build pipeline side like configuring dart-sass or the legacy node-sass migration?
The certification assessments I've seen focus about 60% on syntax and 40% on practical architecture decisions like how to structure partials and when to use extends vs mixins. The build tool questions are pretty surface-level — just know the difference between dart-sass and deprecated node-sass.
CSS custom properties handle like 70% of what people use SASS variables for now. But the mixin and function system still doesn't have a native CSS equivalent so it's still worth knowing. Six weeks at an hour a day puts you at a solid working level.
The looping and list functions clicked for me around week 4. Before that I was just using SASS as fancy CSS. Once you start generating utility classes with @each loops the whole system makes a lot more sense.
Retrofitting existing CSS is always brutal. I did a similar job last year on a legacy project and it took about 40 hours just to get the folder structure right before I touched a single line of SASS. Starting clean is always faster if you have the option.