Смежные родственники в sass, как задать через :hover?

Question

[Кирилл]

Сабж,

<div>
<div class="hover"></div>
<div class="opacity0"></div>
</div>

Как при :hover эффекта на .hover, дать свойство opacity для элмента .opacity0 используя sass? На просторах решения для sass не нашел.

Answer 1

[Антон Спирин]

Так:

.hover:hover + .opacity0 {
  opacity: 0;
}

Демо: https://jsfiddle.net/rockon404/hwxfw8au/

Comments

[Кирилл]

А есть решение для sass синтаксиса? Не совсем понимаю как это реализовать

[Антон Спирин]

Кирилл, sass синтаксис полностью поддерживает css. Что именно вы не понимаете? Тут одно правило всего.
Можно так записать в sass:

.opacity0 {
  .hover:hover + & {
    opacity: 0;
  }
}