Как использовать микстуры SCSS с угловой 7

Question

Я получаю эту ошибку в своем угловом проекте.

@ include for-desktop-up {.... "Нет имени для имени-desktop-up"

Мой код в файле styles.scss:

@mixin for-desktop-up {
    @media (min-width: 1024px) { @content; }
}

Мой код в таблице стилей компонента:

@include for-desktop-up {
    //some scss code
}

Что я делаю неправильно иличто происходит?

Answer 1

Либо импортируйте файл в component.ts как

styleUrls: ['./styles.scss']

или

используйте импорт SASS / SCSS для импорта в component.scss

@import "styles.scss";