chore(toggle): don't overwrite ion-color properties

camwiegert · brandyscarney · commit c3571bc14884 · 2018-08-08T13:28:14.000-04:00
diff --git a/core/src/components/toggle/toggle.ios.scss b/core/src/components/toggle/toggle.ios.scss
@@ -5,10 +5,8 @@
 // -----------------------------------------
 
 :host {
-  --background: #{$toggle-ios-background-color-off};
-  --background-checked: #{ion-color(primary, base)};
-  --handle-background: #{$toggle-ios-handle-background-color};
-  --handle-background-checked: #{$toggle-ios-handle-background-color};
+  --checked-background: #{ion-color(primary, base)};
+  --checked-knob: #{ion-color(primary, base)};
 
   box-sizing: content-box;
 
diff --git a/core/src/components/toggle/toggle.md.scss b/core/src/components/toggle/toggle.md.scss
@@ -5,10 +5,8 @@
 // -----------------------------------------
 
 :host {
-  --background: #{$toggle-md-track-background-color-off};
-  --background-checked: #{ion-color(primary, base, $toggle-md-track-background-color-alpha-on)};
-  --handle-background: #{$toggle-md-handle-background-color-off};
-  --handle-background-checked: #{ion-color(primary, base)};
+  --checked-background: #{ion-color(primary, base, $toggle-md-track-background-color-alpha-on)};
+  --checked-knob: #{ion-color(primary, base)};
 
   @include padding($toggle-md-padding-top, $toggle-md-padding-end, $toggle-md-padding-bottom, $toggle-md-padding-start);
 
diff --git a/core/src/components/toggle/toggle.scss b/core/src/components/toggle/toggle.scss
@@ -4,13 +4,6 @@
 // --------------------------------------------------
 
 :host {
-  /**
-   * @prop --background: Background of the toggle
-   * @prop --background-checked: Background of the toggle when checked
-   * @prop --handle-background: Background of the toggle handle
-   * @prop --handle-background-checked: Background of the toggle handle when checked
-   */
-
   // TODO can we remove important here
   /* stylelint-disable-next-line declaration-no-important */
   box-sizing: content-box !important;
