Continue iterating on evolution mixins (WIP).

PiperOrigin-RevId: 332305249
material-components · Sep 17, 2020 · 4e93439 · 4e93439
1 parent e34e411
commit 4e93439
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/packages/mdc-list/_evolution-mixins.scss b/packages/mdc-list/_evolution-mixins.scss
@@ -551,7 +551,11 @@
 ) {
   $feat-structure: feature-targeting.create-target($query, structure);
   @include feature-targeting.targets($feat-structure) {
-    @include rtl-mixins.reflexive-box(padding, left, 0);
+    // Extra specificity needed to override default customizations.
+    &.mdc-evolution-list-item {
+      // We rely on auto to avoid clobbering the opposite padding.
+      @include rtl-mixins.reflexive-property(padding, 0, auto);
+    }
 
     .mdc-evolution-list-item__start {
       @include rtl-mixins.reflexive-property(margin, $leading, $trailing);
@@ -566,7 +570,11 @@
 ) {
   $feat-structure: feature-targeting.create-target($query, structure);
   @include feature-targeting.targets($feat-structure) {
-    @include rtl-mixins.reflexive-box(padding, right, 0);
+    // Extra specificity needed to override default customizations.
+    &.mdc-evolution-list-item {
+      // We rely on auto to avoid clobbering the opposite padding.
+      @include rtl-mixins.reflexive-property(padding, auto, 0);
+    }
 
     .mdc-evolution-list-item__end {
       @include rtl-mixins.reflexive-property(margin, $leading, $trailing);