Styling ASQ Elements
ASQ Elements are implemented using Web Components and the Polymer library. They feature Shadow DOM which offers very nice style encapsulation but also a different way to style nodes that are in the Shadow DOM (also called local DOM in Polymer lino). Regular CSS rules will mostly work for
Whenever a property is not inherited or is overwritten then you need to use CSS-variables or CSS Mixins(just a Polymer technology for now). Notice that CSS variables are declared by the author of the element. You can only use it.
To find the available styling options you need to consult the documentation of the element you’re interested in. Here are some resources on how CSS variables work in Polymer
Suppose we want the output section of every
<asq-sqlite-q> element to have
font-size: 0.65em and
Now we want the editor container of the
id=slide5 to have
In both these examples we use CSS mixins.