Alternating Variables in SCSS

I want to alternate which variable group that gets used, based on a class on the HTML tag. So I want something like this.SCSS variable groups:\[code\].pink { $accent: pink;}.green { $accent: green;}.orange { $accent: orange;}\[/code\]Specify which variable group to use:\[code\]<html class="pink">\[/code\]HTML File:\[code\]<section class="accent"></section>\[/code\]Section Styling:\[code\]section.accent { background:$accent;}\[/code\]So in this example, the section would have a pink background.
 
Back
Top