Я не могу понять, как использовать пользовательские переменные css с полимером. На данный момент я делаю наложение с "железом-наложением-поведением".
Это включает элемент "железо-наложение-фон", который имеет различные переменные css. В первую очередь меня интересует непрозрачность -iron-overlay-backdrop-opacity.
I может заставить их работать в моем основном файле index.html, добавив
<style is="custom-style">
:root {
--iron-overlay-backdrop-opacity: 0.4;
}
</style>
Но я не хочу определять стили там! Я хочу определить их внутри моего пользовательского элемента overlay.
Как использовать их внутри моего пользовательского элемента?
Я пробовал использовать их вот так
<dom-module id="faq-overlay">
<style>
:host {
--iron-overlay-backdrop-opacity: 0.3;
--iron-overlay-backdrop-background-color: red;
}
...
Но это не работает. Есть ли способ сделать это?