我可以跨 SCSS 文件使用變量嗎？

Question

我正在使用不同的“SCSS 變量文件”（引導變量、公司變量、項目變量），因此很容易在其他項目中重復使用它們。 但似乎我不能跨文件使用變量。

例子：

• 在company-variables.scss我聲明$white: #fff;
• 在project-variables.scss我想像這樣重用上面的變量$body-color: darken($white, 20%);
• 我收到以下錯誤： Undefined variables: "$white". $body-color: darken($white, 20%); Undefined variables: "$white". $body-color: darken($white, 20%);

我像這樣加載我的文件：

@import "bootstrap-variables";
@import "company-variables";
@import "project-variables";

路徑是正確的。

我對 SCSS 很陌生。 知道我做錯了什么或者這不可能/不是通往 go 的方法嗎？

Answer 1

如果你想使用它，你應該導入@import "company-variables"； 進入@import“項目變量”；

或者像這樣使用引導程序中的默認白色：darken(theme-color("white"), 20%);