From 69d395f67e165f1520f7074870b7dae4b489a931 Mon Sep 17 00:00:00 2001
From: Dave Schuyler <dschuyler@chromium.org>
Date: Thu, 22 Sep 2016 18:33:52 -0700
Subject: [PATCH] Add paper ripple mixin

It's easy to style a paper-ripple that is not nested within another element, but when a paper-ripple *is* nested within another element, it's tricky to style the paper-ripple. This mixin makes that simple.
---
 paper-ripple.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/paper-ripple.html b/paper-ripple.html
index 3fb18a3..74a1ad3 100644
--- a/paper-ripple.html
+++ b/paper-ripple.html
@@ -67,6 +67,12 @@
 Apply `circle` class to make the rippling effect within a circle.
 
     <paper-ripple class="circle"></paper-ripple>
+    
+The following custom properties and mixins are also available for styling:
+
+Custom property | Description | Default
+----------------|-------------|----------
+`--paper-ripple` | Mixin applied to the paper ripple | `{}`
 
 @group Paper Elements
 @element paper-ripple
@@ -93,6 +99,8 @@
          * handler "interrupts" that event handler (which happens when the
          * ripple is created on demand) */
         pointer-events: none;
+        
+        @apply(--paper-ripple);
       }
 
       :host([animating]) {