sass: migrate to @use

collab-project · Dec 15, 2024 · e56cb6e · e56cb6e
1 parent f91c258
commit e56cb6e
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/src/css/_icons.scss b/src/css/_icons.scss
@@ -1,10 +1,12 @@
+@use "sass:meta";
+@use "sass:string";
 // https://github.com/sass/sass/issues/659#issuecomment-64819075
 @function char($character-code) {
-  @if function-exists("selector-append") {
-    @return unquote("\"\\#{$character-code}\"");
+  @if meta.function-exists("selector-append") {
+    @return string.unquote("\"\\#{$character-code}\"");
   }
 
-  @return str-slice("\x", 1, 1) + $character-code;
+  @return string.slice("\x", 1, 1) + $character-code;
 }
 
 $icon-font-family: videojs-record;

diff --git a/src/css/videojs.record.scss b/src/css/videojs.record.scss
@@ -1,9 +1,9 @@
-@import "icons";
-@import "main";
-@import "fluid";
+@use "icons";
+@use "main";
+@use "fluid";
 
-@import "components/device-button";
-@import "components/record-toggle";
-@import "components/camera-button";
-@import "components/record-indicator";
-@import "components/picture-in-picture-toggle";
+@use "components/device-button";
+@use "components/record-toggle";
+@use "components/camera-button";
+@use "components/record-indicator";
+@use "components/picture-in-picture-toggle";