SCSS color elements from data-attr
Hi All,
I have an
Each area
On hover, all area is turning blue.
On top of map, I have 4 buttons, with same data-region as in svg.
What I want to achieve, is to have both ( area and button) to change its color on hover in both ways:
-hovering btn changes area color
-hovering area changes also btn color.
I was trying to achieve this in plain scss ( no js) but it doesn't work.
Does anyone know what I'm doing wrong?
Here is my code: https://codepen.io/blberrysmoothie/pen/abxXWVp?editors=1100
I have an
<svg>Each area
<g> <path>On hover, all area is turning blue.
On top of map, I have 4 buttons, with same data-region as in svg.
What I want to achieve, is to have both ( area and button) to change its color on hover in both ways:
-hovering btn changes area color
-hovering area changes also btn color.
I was trying to achieve this in plain scss ( no js) but it doesn't work.
Does anyone know what I'm doing wrong?
Here is my code: https://codepen.io/blberrysmoothie/pen/abxXWVp?editors=1100
