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

Question

我将直言不讳：

我希望我的lib组件没有特定的颜色。因此，我通过以下方式对组件进行样式设置：

h1 {
  color: $primary;
}

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

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

$primary: red

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

所以，问题是

是否甚至可以从应用程序向lib提供变量？如果可以，怎么办？

Answer 1

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

库的组件样式：

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

应用样式：

:root {
  --primary: red;
}