我正在弄清楚如何在客户端项目中将样式应用于可重用的Angular组件 . 见Theme/style Angular 2 reusable component libraries =>寻找"follow up" .
我现在还有一个问题：
我尝试在CSS变量中使用SCSS变量，但似乎没有定义CSS变量：
$primary-color: #666666;
// styling reusable components
:root {
--ang-ux-primary-color: $primary-color;
}
在其他组件中（在其他组件库中，单独构建）：
$primary-color: var(--ang-ux-primary-color, #5FB0FD);
$ primary-color似乎是空的......不是＃666666，也不是＃5FB0FD .
1 回答
要将Sass变量转换为CSS变量，需要interpolate it：
一旦你've converted your Sass variable into CSS, there'没有得到回来 . 因此，在您的其他组件中，您应该坚持使用纯CSS . 如果
--ang-ux-primary-color未定义，则以下将使用#5FBOFD.