style(samples): use css vars.

desig9stein · desig9stein · commit 7d1147e6e8fa · 2022-11-08T10:13:28.000+02:00
diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.scss b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.scss
@@ -56,7 +56,7 @@ $custom-badge-theme: badge-theme(
     .selected {
         igx-badge {
             & {
-                @include badge($custom-badge-theme);
+                @include css-vars($custom-badge-theme);
             }
 
             position: absolute;
diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.scss b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.scss
@@ -16,8 +16,8 @@ $progressBar-sample-theme: progress-linear-theme(
 
 ::ng-deep .default-theme {
     .grid__wrapper {
-        @include grid($grid-sample-theme);
-        @include progress-linear($progressBar-sample-theme);
+        @include css-vars($grid-sample-theme);
+        @include css-vars($progressBar-sample-theme);
     }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -56,7 +56,7 @@ $custom-badge-theme: badge-theme(`
`56`	`56`	`.selected {`
`57`	`57`	`igx-badge {`
`58`	`58`	`& {`
`59`		`- @include badge($custom-badge-theme);`
	`59`	`+ @include css-vars($custom-badge-theme);`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`position: absolute;`
Original file line number	Diff line number	Diff line change
`@@ -16,8 +16,8 @@ $progressBar-sample-theme: progress-linear-theme(`
`16`	`16`
`17`	`17`	`::ng-deep .default-theme {`
`18`	`18`	`.grid__wrapper {`
`19`		`- @include grid($grid-sample-theme);`
`20`		`- @include progress-linear($progressBar-sample-theme);`
	`19`	`+ @include css-vars($grid-sample-theme);`
	`20`	`+ @include css-vars($progressBar-sample-theme);`
`21`	`21`	`}`
`22`	`22`	`}`
`23`	`23`