fix(switch): Set track border to be transparent

material-components · Dec 11, 2019 · a2c9b58 · a2c9b58
1 parent 50f110a
commit a2c9b58
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/mdc-switch/_mixins.scss b/packages/mdc-switch/_mixins.scss
@@ -146,7 +146,6 @@
   &.mdc-switch--checked .mdc-switch__track {
     @include mdc-feature-targets($feat-color) {
       @include mdc-theme-prop(background-color, $color);
-      @include mdc-theme-prop(border-color, $color);
     }
   }
 }
@@ -174,7 +173,6 @@
   &:not(.mdc-switch--checked) .mdc-switch__track {
     @include mdc-feature-targets($feat-color) {
       @include mdc-theme-prop(background-color, $color);
-      @include mdc-theme-prop(border-color, $color);
     }
   }
 }
@@ -272,6 +270,7 @@
 @mixin mdc-switch__track_($query: mdc-feature-all()) {
   $feat-animation: mdc-feature-create-target($query, animation);
   $feat-structure: mdc-feature-create-target($query, structure);
+  $feat-color: mdc-feature-create-target($query, color);
 
   @include mdc-feature-targets($feat-structure) {
     box-sizing: border-box;
@@ -288,6 +287,10 @@
       mdc-switch-transition(background-color),
       mdc-switch-transition(border-color);
   }
+
+  @include mdc-feature-targets($feat-color) {
+    @include mdc-theme-prop(border-color, transparent);
+  }
 }
 
 @mixin mdc-switch__thumb-underlay_($query: mdc-feature-all()) {