Я перевёл все правила @import в моих таблицах стилей Sass на новые правила @use, так как я понимаю, что они немного чище после компиляции и не заканчивают тем, что загружали один и тот же CSS несколько раз .
Тем не менее, у меня возникли некоторые проблемы, связанные с тем, как из-за отсутствия лучшего слова объединить эти @use правила, чтобы я мог обращаться к переменным и прочим через несколько файлов.
Итак Например, у меня есть следующие настройки:
_variables.s css:
$primary: #1d1d1d;
$secondary: #0f0f0f;
$light-grey: #a0a0a0;
$accent: #5DFDCB;
$white: #ffffff;
$blurple: #7289da;
, что составляет @use d в _defaults. s css:
@use "bootstrap/grid.scss";
@use "typography";
@use "variables";
, который я затем хочу @use в карточке. css:
@use "../../styles/defaults";
.committee-role {
color: $accent;
font-weight: lighter;
text-transform: uppercase;
}
Это что Я надеюсь сделать на самом деле возможно в первую очередь? Если да, то каков синтаксис для его настройки?
Я думал, что это может быть color: defaults.variables.$accent;, но, похоже, это не сработало (я не уверен, что пишу неправильно или если Расширение, которое я использую для его компиляции в CSS, пока не поддерживает синтаксис ...)
Это такой же синтаксис для использования миксинов из других файлов?
Заранее спасибо!