[MD settings] icons for clickable rows

third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html

Index: third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
diff --git a/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html b/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
index 1a8e66bc499cf53b4a4a24ffe7c1c71c86efc460..75f5983389a448b7f7291876bd6955910936b892 100644
--- a/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
+++ b/third_party/polymer/v1_0/components-chromium/paper-ripple/paper-ripple.html
@@ -91,6 +91,8 @@ Apply `circle` class to make the rippling effect within a circle.
          * handler "interrupts" that event handler (which happens when the
          * ripple is created on demand) */
         pointer-events: none;
+
+        @apply(--paper-ripple);

[Dan Beam, 2016/09/24 02:53:59]

i'm confused.  anything that is in :host {...} can be overridden from the
outside.  why do you need this?  are you worried that we wont apply the styles
in every shadow DOM?

[dschuyler, 2016/09/27 00:43:10]

That's true if you're right outside the item. Like being the host of
paper-ripple.
in the paper-icon-button-light, the paper-ripple is embedded so I don't know how
to access it to change it (without doing bad things). I considered adding a
mixin to paper-icon-button-light, but then reasoned that it would be better
(useful in more contexts) to have it in paper-ripple.

       }
 
       :host([animating]) {
@@ -146,4 +148,4 @@ Apply `circle` class to make the rippling effect within a circle.
     <div id="waves"></div>
   </template>
 </dom-module>
-<script src="paper-ripple-extracted.js"></script></body></html>
+<script src="paper-ripple-extracted.js"></script></body></html>