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

Что я хочу сделать в файле 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)

@extend только для дерзости? если вам нужен стиль, просто добавьте w-100 в список классов тела.

— 08.12.2018 18:01

extension также работает с классами css. Я просто хотел найти общий подход к созданию в моем файле styles.scss всевозможных миксинов и классов, производных от библиотеки tachyons css.

— 09.12.2018 09:20

angular sass

08.12.2018 17:17

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

472

Ответы 1

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

Вместо импорта версии тахионов css мне пришлось импортировать версию sass.

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

body {
  @extend .w-100;
}

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

Спасибо, Дахштейн. Пытался найти это.

— 07.06.2019 21:54

Рад, что этот пост был полезен не только мне :)

— 08.06.2019 09:55

09.12.2018 09:48

Другие вопросы по теме

Как проверять стили с помощью ionic и sass

Webpack проблема angular и sass при попытке обслужить или создать шаблонный проект

Стиль SCSS для выбранного тега не работает только на мобильных устройствах

Импорт глобальных стилей в scss без дублирования scss для каждого компонента

Ionic4 Фоновое изображение

Как переопределить .alert- [style] в Bootstrap 4?

Angular ngClass: динамическое применение класса

Сократите файлы SCSS и добавьте их в файл angular.json

Как выровнять изображение div по центру в проекте angularDart?

Наблюдатель node-sass выдает ошибку неопределенной переменной

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

Ответы 1

Другие вопросы по теме

Похожие вопросы