Использование SCSS `@ extends` со стилями Deep Element - PullRequest
Новая
       15

Использование SCSS `@ extends` со стилями Deep Element

0 голосов
/ 07 июня 2018

Учитывая что-то вроде следующего, как я могу объявить модуль в стиле вложенного SCSS в одном месте и использовать @extends для определения ::ng-deep стиля на :host? 

:host.tr.project {
  @extend .project;
}

.project {
  border: solid 1px orangered;
  display: table-row;

  .cta {
    .button {
      background: tomato;
      border: solid 1px cyan;
      border-radius: 50%;
    }
  }

}

применяется стиль .project border & display, однако стиль не применяется к .cta и | или .cta .button.Мне нужно , что.

Я пробовал разные ViewEncapsulation стратегии (Emulated, Native, None) с ::ng-deep до и после разных селекторов и не имелудачи - может быть, у вас есть кое-что, о чем я не подумал (?)

Нужно несколько указателей на мои варианты.

1 Ответ

0 голосов
/ 07 июня 2018

ты пробовал это?

:host.tr.project {
  @extend .project;
    :host /deep/ .project.cta{
     // things goes here !
  }
}
...