Variable injecting (of the customize theme settings) for less / scss

[JumpLink]

Hi, is there any interest to make theme setting variables available in less/scss?

This would make it possible for the theme developer to let the user change style colors, sizes and much more (or any bootstrap variable) in the customize theme settings. There are already different color schemes in october themes, but the developer currently need to create several css files by hand for each color. This would be no longer necessary with theme setting variable injecting for less/scss.

I am also a shopify theme developer and it's great to have this feature there, but the implementation is another, on shopify you have a style.scss.liquid file and you can use your template variables (liquid is very similar to twig) in SCSS like this:

$brand-primary: {{settings.brand-primary}};

but with variable injecting (as described above) it would be even more beautiful, isn't?

Thanks!

See also:

• How to set variables in scss
• How to set variables in less
• asset cache fix #2180
• [Feature] Make October theme setting variables available in this plugin christianWilling/Scss#8
• Same set variables function for less like for scss kriswallsmith/assetic#808

[daftspunk]

See the documentation on this. Simply define an assetVar option in the form field, where the value is the desired variable name.