聚合物2.0自定义样式属性不能在dom模块下工作

Question

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

有一个从我-home.html做为至铁柔性的layout.html链接

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

而且在我-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> 

这些样式从铁柔性的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

这是iron-flex-layout的版本问题。我只是更新它，现在一切都很好。

最新版本（2.0）有<custom-style>对象全包裹里面iron-flex-layout.html

下面是最新版的样式：https://github.com/PolymerElements/iron-flex-layout