Changed slider background-color to background in css

TeamBusylj · TeamBusylj · commit bcdd6e0e6df8 · 2024-03-09T10:00:46.000+01:00
diff --git a/slider/internal/_slider.scss b/slider/internal/_slider.scss
@@ -163,7 +163,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();
   }
 
   .track::before {
-    background-color: var(--_inactive-track-color);
+    background: var(--_inactive-track-color);
   }
 
   .tickmarks::before {
@@ -179,7 +179,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();
       (1 / var(--_disabled-active-track-opacity)) *
         var(--_disabled-inactive-track-opacity)
     );
-    background-color: var(--_disabled-inactive-track-color);
+    background: var(--_disabled-inactive-track-color);
   }
 
   // active-track
@@ -191,7 +191,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();
   }
 
   .track::after {
-    background-color: var(--_active-track-color);
+    background: var(--_active-track-color);
   }
 
   .tickmarks::after {
@@ -210,7 +210,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();
   }
 
   :host([disabled]) .track::after {
-    background-color: var(--_disabled-active-track-color);
+    background: var(--_disabled-active-track-color);
   }
 
   :host([disabled]) .tickmarks::before {

Original file line number	Diff line number	Diff line change
`@@ -163,7 +163,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();`
`163`	`163`	`}`
`164`	`164`
`165`	`165`	`.track::before {`
`166`		`- background-color: var(--_inactive-track-color);`
	`166`	`+ background: var(--_inactive-track-color);`
`167`	`167`	`}`
`168`	`168`
`169`	`169`	`.tickmarks::before {`
`@@ -179,7 +179,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();`
`179`	`179`	`(1 / var(--_disabled-active-track-opacity)) *`
`180`	`180`	`var(--_disabled-inactive-track-opacity)`
`181`	`181`	`);`
`182`		`- background-color: var(--_disabled-inactive-track-color);`
	`182`	`+ background: var(--_disabled-inactive-track-color);`
`183`	`183`	`}`
`184`	`184`
`185`	`185`	`// active-track`
`@@ -191,7 +191,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();`
`191`	`191`	`}`
`192`	`192`
`193`	`193`	`.track::after {`
`194`		`- background-color: var(--_active-track-color);`
	`194`	`+ background: var(--_active-track-color);`
`195`	`195`	`}`
`196`	`196`
`197`	`197`	`.tickmarks::after {`
`@@ -210,7 +210,7 @@ $_md-sys-shape: tokens.md-sys-shape-values();`
`210`	`210`	`}`
`211`	`211`
`212`	`212`	`:host([disabled]) .track::after {`
`213`		`- background-color: var(--_disabled-active-track-color);`
	`213`	`+ background: var(--_disabled-active-track-color);`
`214`	`214`	`}`
`215`	`215`
`216`	`216`	`:host([disabled]) .tickmarks::before {`