Theme Variables Available Across Entire Theme

I love the ability SCSS has to use variables and functions to limit repetitive styles. I’ve only worked on a handful of custom themes that were fairly extensive and needing more than just the color scheme variables. The struggle with using these features in the current theme setup is that custom variables defined in, say, common/common.scss are not accessible inside of the other SCSS files in the theme.

I’m guessing this has to do with how the stylesheets are imported and combined together. Would it be possible to have a common/variables.scss file or something like that where variables and SCSS functions could get loaded up?

Or am I missing something in the current implementation where this is possible?

Would love to hear others’ thoughts and approaches with this.

1 Like

I think @Johani may have some sort of workaround here?