CSS scoped custom property ignored when used to calculate variable in outer scope
I’m attempting to scale size via a var
custom property in a way that the classes would compose without being coupled. The desired effect is that the 3 lists would be at 3 different scales but as demonstrated on CodePen all 3 lists are the same scale. I’m looking for an explanation of the scoping and a CSS custom property technique that could achieve this with composable loosely coupled code.