聚合物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