fix(router-item): set fallback for fiv-background

marcjulian · marcjulian · commit 711c0011cd43 · 2019-12-06T15:43:58.000+01:00
* remove unused css variable
diff --git a/projects/core/src/lib/router-item/router-item.component.scss b/projects/core/src/lib/router-item/router-item.component.scss
@@ -16,8 +16,6 @@
 
   display: block;
   position: relative;
-  --fiv-background: var(--ion-color-light);
-  --fiv-background-shade: var(--ion-color-light-shade);
   width: 100%;
 }
 
@@ -26,7 +24,7 @@
 
   ion-item {
     --color: var(--color-active);
-    --background: var(--fiv-background);
+    --background: var(--fiv-background, var(--ion-color-light));
   }
 }
 
diff --git a/src/global.scss b/src/global.scss
@@ -81,7 +81,6 @@ fiv-router-item {
 
   fiv-router-item {
     --fiv-background: var(--ion-background-color);
-    --fiv-background-shade: var(--fiv-color-background-shade);
   }
 
   ion-item {

Original file line number	Diff line number	Diff line change
`@@ -16,8 +16,6 @@`
`16`	`16`
`17`	`17`	`display: block;`
`18`	`18`	`position: relative;`
`19`		`- --fiv-background: var(--ion-color-light);`
`20`		`- --fiv-background-shade: var(--ion-color-light-shade);`
`21`	`19`	`width: 100%;`
`22`	`20`	`}`
`23`	`21`
`@@ -26,7 +24,7 @@`
`26`	`24`
`27`	`25`	`ion-item {`
`28`	`26`	`--color: var(--color-active);`
`29`		`- --background: var(--fiv-background);`
	`27`	`+ --background: var(--fiv-background, var(--ion-color-light));`
`30`	`28`	`}`
`31`	`29`	`}`
`32`	`30`
Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,6 @@ fiv-router-item {`
`81`	`81`
`82`	`82`	`fiv-router-item {`
`83`	`83`	`--fiv-background: var(--ion-background-color);`
`84`		`- --fiv-background-shade: var(--fiv-color-background-shade);`
`85`	`84`	`}`
`86`	`85`
`87`	`86`	`ion-item {`