docs(theme): Update theme/index.scss to use new ripple mixins (#1478)

material-components · Oct 26, 2017 · b2a97ea · b2a97ea
1 parent 94a826d
commit b2a97ea
Showing 1 changed file with 3 additions and 21 deletions.
diff --git a/demos/theme/index.scss b/demos/theme/index.scss
@@ -401,33 +401,15 @@ figure {
 }
 
 .demo-ripple-surface--primary {
-  &::before,
-  &::after {
-    @include mdc-theme-prop(background-color, primary);
-  }
-
-  @include mdc-ripple-bg((pseudo: "::before", theme-style: primary, opacity: .16));
-  @include mdc-ripple-fg((pseudo: "::after", theme-style: primary, opacity: .16));
+  @include mdc-ripple-color(primary, $mdc-ripple-pressed-dark-ink-opacity);
 }
 
 .demo-ripple-surface--secondary {
-  &::before,
-  &::after {
-    @include mdc-theme-prop(background-color, secondary);
-  }
-
-  @include mdc-ripple-bg((pseudo: "::before", theme-style: secondary, opacity: .16));
-  @include mdc-ripple-fg((pseudo: "::after", theme-style: secondary, opacity: .16));
+  @include mdc-ripple-color(secondary, $mdc-ripple-pressed-dark-ink-opacity);
 }
 
 .demo-ripple-surface--custom {
-  &::before,
-  &::after {
-    @include mdc-theme-prop(background-color, $demo-custom-color);
-  }
-
-  @include mdc-ripple-bg((pseudo: "::before", base-color: $demo-custom-color, opacity: .16));
-  @include mdc-ripple-fg((pseudo: "::after", base-color: $demo-custom-color, opacity: .16));
+  @include mdc-ripple-color($demo-custom-color, $mdc-ripple-pressed-dark-ink-opacity);
 }
 
 .mdc-ripple-surface[data-mdc-ripple-is-unbounded] {