#pytanie #css #scss

Korzystam z SCSS'ow które później kompiluje do CSS

Czy da się zrobić jakąś regułę w SCSS żeby po kompilacji uzyskać zmienną CSS?

Chodzi o to żeby w css'ach było coś takiego:

:root {
--main-bg-color: coral;
}

#div1 {
background-color: var(--main-bg-color);
}

Czy istnieje selektor w #css #css3 podobny do +, który wybiera element nie następny, a poprzedni?
O co mi chodzi:


I potem w stylach na przykład:

#div2:hover + #div3, #div2:hover X #div1 { ostylowanie }
gdzie w miejsce X potrzebuję odpowiedniego selektora.

#webdev