与SCSS共享Angular 5变量

时间:2018-03-12 11:24:11

标签: css angular sass ngrx

现在我正在为我们的3个客户开发Angular 5应用程序。我们已经做了一些必要的实现,但考虑到它们的布局存在问题。这三个客户对应用程序颜色和字体有不同的要求。

在我的SASS文件中,我有类似的内容:

@ManyToOne

当客户端登录到应用程序时,特殊休息会将数据加载到将保留当前所选公司的应用程序商店。

这是我的问题:是否可以向SASS发送角度可变值,以便在处理CSS之前可以设置正确的颜色和其他内容?

我不是前端程序员,所以如果有任何解决方案或提示,我会非常感谢它!

3 个答案:

答案 0 :(得分:1)

请记住,这不是cli完全支持的,而是Webpack的一个特性。

app.component.ts示例:

Map<String, Class<?>

答案 1 :(得分:1)

Css已编译,因此您无法更改。但是,生成所有主题并在登录后,您可以向正文添加公司特定的类。

答案 2 :(得分:0)

还有另一种方法,CSS为我们提供了一个名为var()的功能,该功能使我们能够在运行时更改CSS元素的属性。它也可以在SCSS中使用。 检查我的博客以获取更多详细信息,here,希望对您有所帮助。