Wie kann ein externes Stylesheet verwendet werden, um Polymer 1.0 Elemente zu stylen?

Question

Polymer 1.0 Elemente benutzerdefinierte CSS-Variablen enthalten, die Ihnen erlauben, sie stylen Inline-Styles als solche mit:

<style is="custom-style"> 
    paper-toolbar { 
    --paper-toolbar-color: blue; 
    } 
</style> 

Das funktioniert und ist fantastisch. Wie kann ich dasselbe erreichen, aber ein externes Stylesheet verwenden? Hinzufügen is="custom-style" zum Link-Tag scheint keine Wirkung zu haben, wie die folgenden nicht funktioniert:

<link rel="stylesheet" media="all" href="app.css" is="custom-style"> 

Answer 1

können Sie die HTML-Datei laden mit Ihrem custom-style wie würden Sie mit einem Polymerelement:

<link rel="import" href="my-custom-style.html"> 

Und Ihre my-custom-style.html Datei enthalten würde:

<style is="custom-style"> 
    paper-toolbar { 
     --paper-toolbar-color: blue; 
    } 
</style> 

Ab Polymer 1.1 ist diese Funktion jetzt depre cated. Siehe here für eine Aktualisierung Antwort