chore: Change SCSS @import to @use

rjmunro · rjmunro · commit f6ab86bd48a8 · 2026-02-17T01:28:22.000Z
diff --git a/packages/webui/src/client/ui/PreviewPopUp/PreviewPopUp.scss b/packages/webui/src/client/ui/PreviewPopUp/PreviewPopUp.scss
@@ -1,4 +1,4 @@
-@import '../../styles/itemTypeColors';
+@use '../../styles/itemTypeColors';
 
 .preview-popUp {
 	border: 1px solid var(--sofie-segment-layer-hover-popup-border);
@@ -115,7 +115,7 @@
 			margin-left: 2%;
 			margin-top: 7px;
 			flex-shrink: 0;
-			@include item-type-colors();
+			@include itemTypeColors.item-type-colors();
 		}
 
 		.preview-popUp__element-with-time-info__text {
@@ -404,7 +404,7 @@
 		}
 
 		& > * {
-			@include item-type-colors();
+			@include itemTypeColors.item-type-colors();
 		}
 
 		.video-preview__label {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import '../../styles/itemTypeColors';`
	`1`	`+@use '../../styles/itemTypeColors';`
`2`	`2`
`3`	`3`	`.preview-popUp {`
`4`	`4`	`border: 1px solid var(--sofie-segment-layer-hover-popup-border);`
`@@ -115,7 +115,7 @@`
`115`	`115`	`margin-left: 2%;`
`116`	`116`	`margin-top: 7px;`
`117`	`117`	`flex-shrink: 0;`
`118`		`- @include item-type-colors();`
	`118`	`+ @include itemTypeColors.item-type-colors();`
`119`	`119`	`}`
`120`	`120`
`121`	`121`	`.preview-popUp__element-with-time-info__text {`
`@@ -404,7 +404,7 @@`
`404`	`404`	`}`
`405`	`405`
`406`	`406`	`& > * {`
`407`		`- @include item-type-colors();`
	`407`	`+ @include itemTypeColors.item-type-colors();`
`408`	`408`	`}`
`409`	`409`
`410`	`410`	`.video-preview__label {`