SebastianVerified account

I'm finding that most CSS-in-JS libraries aren't radical and strict enough. Ban descendent selectors, whitelist pseudo selectors, don't allow dynamic values. What I really want is just styles-in-JS. Get rid of the cascade.

I definitely agree with this sentiment. I'm curious what you mean by dynamic values. How would dynamic values be prevented in JS?

You can restrict them at lint or compile-time. eg. you disallow {color: generateColor()} You can also support a bunch of other stuff if the values are all used locally, for example: const baseRadius = 2; {borderRadius: baseRadius * 2}