@quiplunar

Angular scss не работает $self из-за shadowcsshost?

5ed65e9688fc9340372130.png

И так проблема заключается в том что в $self попадает :host .ui-input, так как & будет содержать :host .ui-button.

Angular запрещает использовать такую конструкцию:

:host {
     // code
     :host {
          // code
     }
}


И в css добавляет shadowcsshost:

5ed65f45e95c8991726933.png
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
@quiplunar Автор вопроса
Решением данной проблемы является простая scss функция:

$self: self(&);

@function self($self) {
  @return selector-replace($self, ':host', '*');
}


Мы просто заменяем :host на *
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы