From c926e879df8919577e694eb59aab26d06f56b14d Mon Sep 17 00:00:00 2001
From: Cam Wiegert <cam@camwiegert.com>
Date: Fri, 24 Aug 2018 11:17:36 -0500
Subject: [PATCH] revert(ripple-effect): remove background custom prop

This reverts commit 37a149cd5de5ca1ae8e9644caecfc5e35076d3ef.
---
 core/src/components/ripple-effect/readme.md          | 7 -------
 core/src/components/ripple-effect/ripple-effect.scss | 8 ++------
 2 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/core/src/components/ripple-effect/readme.md b/core/src/components/ripple-effect/readme.md
index f3158d0bb5..aaa88785cc 100644
--- a/core/src/components/ripple-effect/readme.md
+++ b/core/src/components/ripple-effect/readme.md
@@ -21,13 +21,6 @@ The ripple effect component adds the [Material Design ink ripple interaction eff
 | `addRipple` | Adds the ripple effect to the parent element |
 
 
-## CSS Custom Properties
-
-| Name           | Description                     |
-| -------------- | ------------------------------- |
-| `--background` | Background of the ripple effect |
-
-
 ----------------------------------------------
 
 *Built with [StencilJS](https://stenciljs.com/)*
diff --git a/core/src/components/ripple-effect/ripple-effect.scss b/core/src/components/ripple-effect/ripple-effect.scss
index 7a0681dc22..d45d1197d7 100644
--- a/core/src/components/ripple-effect/ripple-effect.scss
+++ b/core/src/components/ripple-effect/ripple-effect.scss
@@ -5,11 +5,6 @@
 // --------------------------------------------------
 
 :host {
-  /**
-   * @prop --background: Background of the ripple effect
-   */
-  --background: currentColor;
-
   @include position(0, 0, 0, 0);
 
   position: absolute;
@@ -22,7 +17,8 @@
 
   position: absolute;
 
-  background: var(--background);
+  // Should remain static for performance reasons
+  background-color: currentColor;
   color: inherit;
 
   contain: strict;