Polymer 2.0自定义样式属性在dom-module

Question

我已将聚合物项目升级到2.0版本。之后，div中缺少一些css类。

my-home.html

指向 iron-flex-layout.html 的链接

<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">

在 my-home.html 页面中有以下几种风格：

<dom-module id="my-home">
<template>
<style is="custom-style">
.flex-vertical {
  @apply --layout-vertical;
  height: 100vh;
}

.flexchild-vertical {
  @apply --layout-flex;
  @apply --layout-horizontal;
}
</style>
</template>
</dom-module>

这些样式来自 iron-flex-layout.html

--layout-vertical
--layout-flex
--layout-horizontal

但它没有加载到我的输出中。以下是我浏览器的屏幕截图：

旧版本：

升级版

我认为问题可能是因为生成了#shadow-root。

我可以更改样式链接/ html链接或我的代码中的任何其他链接吗？

Answer 1

是的！从这里得到了答案：https://www.polymer-project.org/2.0/docs/upgrade#class-based-elements-import-the-css-mixin-shim

这是^ beginning of line .* Any amount of any char + at least one [^ ... ] everything but $ end of line \( ... \) group \| delimiter \@<! negative lookbehind 的版本问题。我刚刚更新了它，现在一切都很好。

最新版本（2.0）有iron-flex-layout个对象整理了<custom-style>

中的所有样式

以下是最新版本：https://github.com/PolymerElements/iron-flex-layout