parent-state

Позволяет задавать правила псевдо-элемента, зависящие от состояния его родителя, прямо в наборе правил самого псевдо-элемента.

Параметры

Имя	Тип	По умолчанию	Описание
$states *	`list`	—	Состояние(я) родительского элемента текущего псевдо-элемента (псевдоклассы, модификаторы и т.п.).

@use 'more-sass' as more;

.element {
  &::after {
    @include more.parent-state(':hover', '.is-active') {
      color: #f00;
    }
  }
}

.element:hover::after,
.element.is-active::after {
  color: #f00;
}