我们正在制作一个Angular2 application，并且我们希望能够以某种方式创建一个全局CSS变量(当变量被赋值时，无论何时更改，都可以更新属性值).
We had used Polymer for a while (now we are switching to Angular2 components) and we had used CSS properties (Polymer has some polyfill) and we had just update styles using 100.
我们有没有办法实现类似的功能？
EDIT:
我们想要类似于Sass color: $g-main-color或CSS定制属性color: var(--g-main-color)的东西，每当我们决定更改属性的值时，例如updateVariable('g-main-color', '#112a4f')之类的东西，它都会在任何地方动态更新值.所有这些都是在应用程序运行时发生的.
EDIT 2:
我想在不同的部分使用一些全局CSS变量(主机、子元素…)我的CSS，并能够立即改变值-所以，如果我改变我的 colored颜色 变量，它在应用程序中的任何地方都会改变.
我将使用Sass语法，例如:
:host { border: 2px solid $my-color }
:host .some-label { color: $my-color }
有可能使用像角形管道这样的东西吗？(But it supposedly only works in HTML)
:host { border: 2px solid {{ 'my-color' | cssvariable }} }
:host .some-label { color: {{ 'my-color' | cssvariable }} }