Global scss variables for Angular components without importing them everytime

Question

I do already have SCSS variables defined in src/styles/settings/_variables.scss and I am importing them into src/styles.scss, but still these variables

Answer 1

In angular 8 work for me.

In your _variable.scss file you have to add:

:root{--my-var:#fabada}

After that go in your angular.json and add this in "styles":

{"input":"yourPath/_variables.scss"}