All geek questions in one place

Polymer 1.0: How is the <paper-ripple> style color inside the <paper-tab> element?

I have an element, let's call it x-foo. Inside x-fooI use <paper-tabs>.

Question

How to change ripple color <paper-tabs>from (default) yellowtowhite ?

The color of the bar is displayed. But the color does not pulsate.

Below is the documentation that I completed to change the color of the stroke . The problem is that the documentation of the elements at the bottom of this page does not explain or disclose the ripple color in the same way.

Code

Here is what I still work. And what I tried does not work.

:host {
  --paper-tabs-selection-bar-color: var(--default-primary-color); /* Works */
  --paper-ripple-color: white; /* Does not work */
}
+4
source share
3

- element, , :) css var "". var --paper-tab-ink css var

polymer polymer1.0 paper-tabs

+4

.

<style>
  :host {
    --paper-tab-ink: var(--accent-color);
  }
  paper-tabs {
    --paper-tabs-selection-bar-color: var(--accent-color);
  }
</style>
+5

Source: https://habr.com/ru/post/1608404/

More articles:


All Articles