我已经继承了前端使用Polymer构建的Web应用程序。当我运行各种Docker命令时,主要是的作品,但有一些CSS问题。具体来说,一些聚合物风格似乎并未被编译。例如,与<paper-dialog>
元件,颜色变量没有被替换:聚合物CSS变量不被替换
.paper-dialog-0 {
display: block;
margin: 24px 40px;
background: --primary-background-color;
color: --primary-text-color;;;;
}
// ...
.paper-dialog-0 .buttons {
position: relative;
padding: 8px 8px 8px 24px;
margin: 0;
color: --primary-color;;;
}
在另一示例中,图标一堆都放置一个在另一个顶上并没有被正确地定位。
我已经运行了项目随附的各种Gulp命令,其中包括硫化所有东西。大多数情况下,这些风格似乎是“聚合”的。我之前从未使用过Polymer,所以我对如何将组件构建到HTML和CSS中有点遗憾。有没有明显的步骤,我错过了没有记录在项目中?
我认为这是直接从纸上聚合物元件来了 - 我们没有触及该元素中的任何代码。它的样式应该正常编译到什么程度?编译的聚合物样式表是否包含css变量?我不愿意改变输出的CSS,因为(我认为)它会被下一次硫化覆盖。 – whiterook6
我不知道你的构建过程是什么样子,但就像我说CSS定制属性是由大多数浏览器支持的,所以我不希望它们被编译或替换。浏览器可以理解它们,或者对于旧版本的浏览器,它们可以通过ShadyCSS等polyfill处理。 –