how do you change background color on child divs on hover using sass and BEM.
&__burger {
border : 1px solid $light-grey-4;
width : 50px;
height : 50px;
display: none;
padding: 1rem .5rem;
cursor: pointer;
&:hover{
background-color: $light-green;
}
}
&__burger-child {
height: 3px;
margin-bottom: 5px;
background-color: $dark-grey-5;
}
<div class="navbar__burger">
<div class="navbar__burger-child"></div>
<div class="navbar__burger-child"></div>
<div class="navbar__burger-child"></div>
</div>