refactor(typography): put typography vars in a layer

simeonoff · simeonoff · commit f2dbca92d749 · 2025-03-26T10:51:40.000+02:00
diff --git a/projects/igniteui-angular/src/lib/core/styles/typography/_typography.scss b/projects/igniteui-angular/src/lib/core/styles/typography/_typography.scss
@@ -55,7 +55,9 @@
     $_scope: if(is-root() or is-host(), '.ig-typography', '&');
 
     #{$_scope} {
-        @include _component-typography($type-scale, $exclude);
+        @layer ig.typography {
+          @include _component-typography($type-scale, $exclude);
+        }
     }
 
     @if not(list.index($exclude, 'global')) {

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,9 @@`
`55`	`55`	`$_scope: if(is-root() or is-host(), '.ig-typography', '&');`
`56`	`56`
`57`	`57`	`#{$_scope} {`
`58`		`- @include _component-typography($type-scale, $exclude);`
	`58`	`+ @layer ig.typography {`
	`59`	`+ @include _component-typography($type-scale, $exclude);`
	`60`	`+ }`
`59`	`61`	`}`
`60`	`62`
`61`	`63`	`@if not(list.index($exclude, 'global')) {`