Я довольно новичок в SCSS. В моем проекте есть несколько тем, каждая из которых содержит определенный файл .css, в котором есть несколько дублированных кодов.
Например, в моем one/base.css у меня есть следующий код, где color1 - основной цвет, используемый в этой теме:
.a{
color: color1
}
А в two/base.css у меня
.a{
color: color2
}
В любом случае я создаю файл с именем, например, common.sccs в корневом проекте pf, который содержит:
.a{
color: $primary_color;
}
что $primary_color не определено в файле common.sccs. Тогда в one/base.scss и two/base.scss у меня есть что-то вроде этого:
$primary_color: color1;
@import("../../common")
Теги
и a в one.scss be color1 и в two.scss be color2?
Я сейчас это делаю, но результат base.css содержит строку импорта точно:
@import "../../common";
и коды в common.scss в них не отображаются.
Спасибо