angular - Nrwl NX：提供从应用程序到库的样式变量

Question

我将直接进入这个想法：

我希望我的 lib 的组件没有特定的颜色。所以我用以下方式设计我的组件：

h1 {
  color: $primary;
}

请注意，我没有$primary在 lib 中的任何位置声明变量。

我在我的应用程序文件夹（style.scss）中执行此操作：

$primary: red

显然，它不起作用，因为我必须将此变量导入到我的 lib 的组件样式中。但是库不应该依赖于应用程序。

所以，问题：

甚至可以从应用程序向库提供变量吗？如果是这样，怎么做？

Answer 1

好吧，我不知道如何使用 SCSS 变量来实现这一点，但是使用 CSS 我可以：

Lib 的组件样式：

h1 {
  color: var(--primary);
}

应用样式：

:root {
  --primary: red;
}