feat(list): Use new ripple mixins (#1475)

kfranqueiro · web-flow · commit 0647576dd37d · 2017-10-26T14:28:52.000-04:00
diff --git a/packages/mdc-list/mdc-list.scss b/packages/mdc-list/mdc-list.scss
@@ -154,9 +154,9 @@ a.mdc-list-item {
 // stylelint-enable selector-max-type,selector-no-qualifying-type
 
 .mdc-list-item.mdc-ripple-upgraded {
-  @include mdc-ripple-base;
-  @include mdc-ripple-bg((pseudo: "::before"));
-  @include mdc-ripple-fg((pseudo: "::after"));
+  @include mdc-ripple-surface;
+  @include mdc-ripple-color;
+  @include mdc-ripple-radius;
   @include mdc-rtl-reflexive-position(left, $mdc-list-side-padding * -1);
 
   position: relative;
@@ -171,8 +171,7 @@ a.mdc-list-item {
   }
 
   @include mdc-theme-dark(".mdc-list") {
-    @include mdc-ripple-bg((pseudo: "::before", base-color: white, opacity: .12));
-    @include mdc-ripple-fg((pseudo: "::after", base-color: white, opacity: .12));
+    @include mdc-ripple-color(white, .12);
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -154,9 +154,9 @@ a.mdc-list-item {`
`154`	`154`	`// stylelint-enable selector-max-type,selector-no-qualifying-type`
`155`	`155`
`156`	`156`	`.mdc-list-item.mdc-ripple-upgraded {`
`157`		`- @include mdc-ripple-base;`
`158`		`- @include mdc-ripple-bg((pseudo: "::before"));`
`159`		`- @include mdc-ripple-fg((pseudo: "::after"));`
	`157`	`+ @include mdc-ripple-surface;`
	`158`	`+ @include mdc-ripple-color;`
	`159`	`+ @include mdc-ripple-radius;`
`160`	`160`	`@include mdc-rtl-reflexive-position(left, $mdc-list-side-padding * -1);`
`161`	`161`
`162`	`162`	`position: relative;`
`@@ -171,8 +171,7 @@ a.mdc-list-item {`
`171`	`171`	`}`
`172`	`172`
`173`	`173`	`@include mdc-theme-dark(".mdc-list") {`
`174`		`- @include mdc-ripple-bg((pseudo: "::before", base-color: white, opacity: .12));`
`175`		`- @include mdc-ripple-fg((pseudo: "::after", base-color: white, opacity: .12));`
	`174`	`+ @include mdc-ripple-color(white, .12);`
`176`	`175`	`}`
`177`	`176`	`}`
`178`	`177`