I didn’t know about native CSS variables until this week. Internet Explorer doesn’t support them, but nobody cares about IE.1

The only real reason left to use SCSS or LESS is for scoping. But nested CSS isn’t the right solution to scoping. The real solution is having CSS that’s scoped or modularized by its very nature. If you’re using a JavaScript framework, you can approximate this with CSS Modules (e.g. here is its port to VueJS). But the long term solution is the Shadow DOM.

SCSS and LESS will be extinct in a decade.

  1. I get a rush when I see people building websites that bring IE to its knees in hopeless, permanent incompatibility. ↩︎