В Angular styles.scss @extend элемент с импортированной библиотекой css?

Question

В файле styles.scss я хочу сделать следующее:

@import '~tachyons/css/tachyons.css';

body {
  @extend .w-100;
}

Но когда я вызываю ng serve, он завершается неудачно с:

"body" failed to @extend ".w-100". The selector ".w-100" was not found.

Но класс .w-100 существует в библиотеке тахионов css.Как это сделать правильно?(Примечание: я использую Angular 7)

Answer 1

Я нашел решение.

Вместо того, чтобы импортировать css-версию тахионов, мне пришлось импортировать sass-версию.

@import '~tachyons-sass/tachyons.scss';

body {
  @extend .w-100;
}

Кажется, это как-то связано с sassсам загрузчик?В любом случае, теперь это работает.