This PR cleans up the CSS variable creation, replacing most (all?) of them with Sass mixins and functions. The idea is to reduce the repetition of --#{$variable-prefix} and make generating :root-level variables much easier. This is still a little WIP while I confirm everything is still functional.
Todos and questions:
-
Is there a better way to handle RFS with the root-var()mixin and loop generation. -
Review other instances and confirm I've covered all bases -
Review output