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;
}