Is it possible to pass vue data to style section of a single file component (SFC) to use as a scss variable?

Question

I have a vue component that I\'d like to use some of its props in the style section of my SFC. here is what I\'ve done so far:

in the template I have a div