Why is one variable applied and another not?

Question

css

Why does --fill apply but --rotate doesn't?

Answer 1

Anatoly ,
the devil is in the details.
Your transform is not a style attribute.
You can access fill via css, you can't access the transform attribute you set.
Those. you can rotate in css with the same name transform, but rotate elements directly in svg, not in sprite, and then don't forget to add deg

<style>
element: transform: rotate(180deg);
</style>

those. if you want it with variables, then like this somewhere
https://codepen.io/lagudal/pen/JjNddKZ?editors=1100