Matias14
(Matías González)
1
How can you style an addon?? Tried already the code below for the Paginator addon but with no success:
<dom-module id="plutonium-pagination-dom" theme-for="plutonium-pagination">
<template>
<style>
:host{
display: flex;
font-size: var(--lumo-font-size-xs);
}
</style>
</template>
</dom-module>
ollit.1
(Olli Tietäväinen)
2
It depends on the add-on - each web component can define its own style API (or not define anything). theme-for
Theme Modules require that the client-side element class extends Vaadin’s ThemableMixin
, so most Web Components probably won’t have that available. Other possibilities are [global stylesheet’s css variables]
(https://polymer-library.polymer-project.org/2.0/docs/devguide/custom-css-properties#create-global-styles) or [css mixins]
(https://polymer-library.polymer-project.org/2.0/docs/devguide/custom-css-properties#use-custom-css-mixins).