From 448a1569fe2def1b66d2c0cd1f1ec1d6cc3191b8 Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Thu, 22 Dec 2016 10:08:17 +0200
Subject: [PATCH] fix(ripple): camel-cased CSS properties

A few CSS classes got camel cased, by accident, as a part of #2244.
---
 src/lib/core/ripple/_ripple.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/core/ripple/_ripple.scss b/src/lib/core/ripple/_ripple.scss
index 4f4c77d078c0..d5f520d222b9 100644
--- a/src/lib/core/ripple/_ripple.scss
+++ b/src/lib/core/ripple/_ripple.scss
@@ -1,7 +1,7 @@
 @import '../theming/theming';
 
 
-$mdRippleFocused-opacity: 0.1;
+$md-ripple-focused-opacity: 0.1;
 $md-ripple-background-fade-duration: 300ms;
 $md-ripple-background-default-color: rgba(0, 0, 0, 0.0588);
 $md-ripple-foreground-initial-opacity: 0.25;
@@ -15,7 +15,7 @@ $md-ripple-foreground-default-color: rgba(0, 0, 0, 0.0588);
     overflow: hidden;
   }
 
-  [md-ripple].mdRippleUnbounded {
+  [md-ripple].md-ripple-unbounded {
     overflow: visible;
   }
 
@@ -30,7 +30,7 @@ $md-ripple-foreground-default-color: rgba(0, 0, 0, 0.0588);
     bottom: 0;
   }
 
-  .mdRippleUnbounded .md-ripple-background {
+  .md-ripple-unbounded .md-ripple-background {
     display: none;
   }
 
@@ -38,7 +38,7 @@ $md-ripple-foreground-default-color: rgba(0, 0, 0, 0.0588);
     opacity: 1;
   }
 
-  .mdRippleFocused .md-ripple-background {
+  .md-ripple-focused .md-ripple-background {
     opacity: 1;
   }
 
@@ -64,8 +64,8 @@ $md-ripple-foreground-default-color: rgba(0, 0, 0, 0.0588);
 @mixin md-ripple-theme($theme) {
   $accent: map-get($theme, accent);
 
-  .mdRippleFocused .md-ripple-background {
-    background-color: md-color($accent, $mdRippleFocused-opacity);
+  .md-ripple-focused .md-ripple-background {
+    background-color: md-color($accent, $md-ripple-focused-opacity);
   }
 }