Polymer 2.0 benutzerdefinierten Stil Eigenschaft funktioniert nicht unter Dom-Modul

Question

Ich habe Polymer-Projekt auf Version 2.0 aktualisiert. Danach fehlt eine CSS-Klasse von div.

Es gibt einen Link zu Eisen-flex-layout.html von my-home.html

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

Und in my-home.html Seite haben einige Arten wie folgt vor:

<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> 

Diese Stile fordern von Eisen-flex-layout.html

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

Aber es wird nicht in meine Ausgabe geladen. Hier ist die Screenshots von meinem Browser:

Alte Version:

Verbesserte Version:

ich glaube, das Problem, da kann, dass es a #shadow-root generiert.

Kann ich Style-Links/HTML-Links oder andere in meinem Code ändern?

Answer 1

Ja! Habe die Antwort von hier: https://www.polymer-project.org/2.0/docs/upgrade#class-based-elements-import-the-css-mixin-shim

Es ist das Versionsproblem mit der iron-flex-layout. Ich habe es gerade aktualisiert und jetzt ist alles in Ordnung.

Die neueste Version (2.0) hat ein <custom-style> Objekt die Stile innerhalb iron-flex-layout.html

Hier ist die neueste Version Einwickeln Ganze: https://github.com/PolymerElements/iron-flex-layout