fix: replace usages of @\import with @\use

DataM0del · Dec 17, 2024 · add23bc · add23bc
1 parent 708e9cd
commit add23bc
Show file tree

Hide file tree

Showing 68 changed files with 68 additions and 68 deletions.
diff --git a/src/app.scss b/src/app.scss
@@ -1,4 +1,4 @@
-@import "colors.scss";
+@use "colors.scss" as *;
 
 @font-face {
     font-family: "Inter";

diff --git a/src/routes/browser/Browser.svelte b/src/routes/browser/Browser.svelte
@@ -56,7 +56,7 @@
 
 <style lang="scss">
 
-    @import "../../colors.scss";
+    @use "../../colors.scss" as *;
 
     .browser-controls {
         display: flex;

diff --git a/src/routes/clickgui/ClickGui.svelte b/src/routes/clickgui/ClickGui.svelte
@@ -65,7 +65,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../colors.scss";
+  @use "../../colors.scss" as *;
 
   $GRID_SIZE: 10px;
 

diff --git a/src/routes/clickgui/Description.svelte b/src/routes/clickgui/Description.svelte
@@ -21,7 +21,7 @@
 {/key}
 
 <style lang="scss">
-  @import "../../colors.scss";
+  @use "../../colors.scss" as *;
 
   .description-wrapper {
     position: fixed;

diff --git a/src/routes/clickgui/Module.svelte b/src/routes/clickgui/Module.svelte
@@ -128,7 +128,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../colors.scss";
+  @use "../../colors.scss" as *;
 
   .module {
     position: relative;

diff --git a/src/routes/clickgui/Panel.svelte b/src/routes/clickgui/Panel.svelte
@@ -220,7 +220,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../colors.scss";
+  @use "../../colors.scss" as *;
 
   .panel {
     border-radius: 16px;

diff --git a/src/routes/clickgui/Search.svelte b/src/routes/clickgui/Search.svelte
@@ -170,7 +170,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../colors.scss";
+  @use "../../colors.scss" as *;
 
   .search {
     position: fixed;

diff --git a/src/routes/clickgui/setting/BindSetting.svelte b/src/routes/clickgui/setting/BindSetting.svelte
@@ -89,7 +89,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .setting {
     padding: 7px 0px;

diff --git a/src/routes/clickgui/setting/ChoiceSetting.svelte b/src/routes/clickgui/setting/ChoiceSetting.svelte
@@ -70,7 +70,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../colors.scss";
+    @use "../../../colors.scss" as *;
 
     .setting {
         padding: 7px 0px;

diff --git a/src/routes/clickgui/setting/ColorSetting.svelte b/src/routes/clickgui/setting/ColorSetting.svelte
@@ -82,7 +82,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../colors.scss";
+    @use "../../../colors.scss" as *;
 
     .setting {
         display: grid;

diff --git a/src/routes/clickgui/setting/ConfigurableSetting.svelte b/src/routes/clickgui/setting/ConfigurableSetting.svelte
@@ -50,7 +50,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .setting {
     padding: 7px 0;

diff --git a/src/routes/clickgui/setting/FloatRangeSetting.svelte b/src/routes/clickgui/setting/FloatRangeSetting.svelte
@@ -58,7 +58,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .setting {
     padding: 7px 0 2px 0;

diff --git a/src/routes/clickgui/setting/FloatSetting.svelte b/src/routes/clickgui/setting/FloatSetting.svelte
@@ -53,7 +53,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../colors.scss";
+    @use "../../../colors.scss" as *;
 
     .setting {
         padding: 7px 0 2px 0;

diff --git a/src/routes/clickgui/setting/IntRangeSetting.svelte b/src/routes/clickgui/setting/IntRangeSetting.svelte
@@ -58,7 +58,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../colors.scss";
+    @use "../../../colors.scss" as *;
 
     .setting {
         padding: 7px 0 2px 0;

diff --git a/src/routes/clickgui/setting/IntSetting.svelte b/src/routes/clickgui/setting/IntSetting.svelte
@@ -53,7 +53,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../colors.scss";
+    @use "../../../colors.scss" as *;
 
     .setting {
         padding: 7px 0 2px 0;

diff --git a/src/routes/clickgui/setting/KeySetting.svelte b/src/routes/clickgui/setting/KeySetting.svelte
@@ -77,7 +77,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .setting {
     padding: 7px 0;

diff --git a/src/routes/clickgui/setting/TextArraySetting.svelte b/src/routes/clickgui/setting/TextArraySetting.svelte
@@ -45,7 +45,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .input-wrapper {
     display: grid;

diff --git a/src/routes/clickgui/setting/TextSetting.svelte b/src/routes/clickgui/setting/TextSetting.svelte
@@ -23,7 +23,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .setting {
     padding: 7px 0px;

diff --git a/src/routes/clickgui/setting/TogglableSetting.svelte b/src/routes/clickgui/setting/TogglableSetting.svelte
@@ -70,7 +70,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../colors.scss";
+    @use "../../../colors.scss" as *;
 
     .setting {
         padding: 7px 0px;

diff --git a/src/routes/clickgui/setting/VectorSetting.svelte b/src/routes/clickgui/setting/VectorSetting.svelte
@@ -43,7 +43,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .setting {
     padding: 7px 0;

diff --git a/src/routes/clickgui/setting/blocks/Block.svelte b/src/routes/clickgui/setting/blocks/Block.svelte
@@ -26,7 +26,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .block {
     display: grid;

diff --git a/src/routes/clickgui/setting/blocks/BlocksSetting.svelte b/src/routes/clickgui/setting/blocks/BlocksSetting.svelte
@@ -60,7 +60,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .setting {
     padding: 7px 0;

diff --git a/src/routes/clickgui/setting/common/Dropdown.svelte b/src/routes/clickgui/setting/common/Dropdown.svelte
@@ -51,7 +51,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .dropdown {
     position: relative;

diff --git a/src/routes/clickgui/setting/common/Switch.svelte b/src/routes/clickgui/setting/common/Switch.svelte
@@ -17,7 +17,7 @@
 
 <style lang="scss">
   @use "sass:color";
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .switch-container {
     display: flex;

diff --git a/src/routes/clickgui/setting/common/ValueInput.svelte b/src/routes/clickgui/setting/common/ValueInput.svelte
@@ -41,7 +41,7 @@
 <span contenteditable="true" class="value" bind:innerText={inputValue} on:input={handleInput} on:keydown={handleKeyDown} bind:this={inputElement}></span>
 
 <style lang="scss">
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .value {
     font-family: monospace;

diff --git a/src/routes/clickgui/setting/nouislider.scss b/src/routes/clickgui/setting/nouislider.scss
@@ -1,4 +1,4 @@
-@import "../../../colors.scss";
+@use "../../../colors.scss" as *;
 
 .noUi-handle {
     background-color: $accent;

diff --git a/src/routes/clickgui/setting/pickr.scss b/src/routes/clickgui/setting/pickr.scss
@@ -1,4 +1,4 @@
-@import "../../../colors.scss";
+@use "../../../colors.scss" as *;
 
 .pcr-button {
     display: none;

diff --git a/src/routes/hud/elements/ArrayList.svelte b/src/routes/hud/elements/ArrayList.svelte
@@ -70,7 +70,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../colors.scss";
+    @use "../../../colors.scss" as *;
   
     .arraylist {
       display: flex;

diff --git a/src/routes/hud/elements/BlockCounter.svelte b/src/routes/hud/elements/BlockCounter.svelte
@@ -66,7 +66,7 @@
 {/if}
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .notification {
     background-color: rgba($base, 0.8);

diff --git a/src/routes/hud/elements/Effects.svelte b/src/routes/hud/elements/Effects.svelte
@@ -40,7 +40,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   .effect {
     font-weight: 500;

diff --git a/src/routes/hud/elements/Scoreboard.svelte b/src/routes/hud/elements/Scoreboard.svelte
@@ -31,7 +31,7 @@
 {/if}
 
 <style lang="scss">
-@import "../../../colors.scss";
+@use "../../../colors.scss" as *;
 
 .scoreboard {
   width: max-content;

diff --git a/src/routes/hud/elements/Text.svelte b/src/routes/hud/elements/Text.svelte
@@ -70,7 +70,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
     .text {
         position: absolute;

diff --git a/src/routes/hud/elements/Watermark.svelte b/src/routes/hud/elements/Watermark.svelte
@@ -75,7 +75,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../colors.scss";
+  @use "../../../colors.scss" as *;
 
   @keyframes pulsing {
     0% {

diff --git a/src/routes/hud/elements/hotbar/HotBar.svelte b/src/routes/hud/elements/hotbar/HotBar.svelte
@@ -166,7 +166,7 @@
 {/if}
 
 <style lang="scss">
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .hotbar {
     //position: fixed;

diff --git a/src/routes/hud/elements/hotbar/Status.svelte b/src/routes/hud/elements/hotbar/Status.svelte
@@ -24,7 +24,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .label {
     color: $hotbar-text-color;

diff --git a/src/routes/hud/elements/keystrokes/Key.svelte b/src/routes/hud/elements/keystrokes/Key.svelte
@@ -22,7 +22,7 @@
 </div>
 
 <style lang="scss">
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .key {
     height: 50px;

diff --git a/src/routes/hud/elements/notifications/Notification.svelte b/src/routes/hud/elements/notifications/Notification.svelte
@@ -12,7 +12,7 @@
 
 <style lang="scss">
 
-@import "../../../../colors.scss";
+@use "../../../../colors.scss" as *;
 
 .notification {
   display: grid;

diff --git a/src/routes/hud/elements/pointeresp/PointerESP.svelte b/src/routes/hud/elements/pointeresp/PointerESP.svelte
@@ -19,7 +19,7 @@
 
 <style lang="scss">
 
-  @import "../../../../colors.scss";
+  @use "../../../../colors.scss" as *;
 
   .container {
     position: relative;

diff --git a/src/routes/hud/elements/pointeresp/PointerView.svelte b/src/routes/hud/elements/pointeresp/PointerView.svelte
@@ -11,7 +11,7 @@
 </div>
 
 <style lang="scss">
-@import "../../../../colors.scss";
+@use "../../../../colors.scss" as *;
 
 .pointer {
   width: 16px;

diff --git a/src/routes/hud/elements/tabgui/Category.svelte b/src/routes/hud/elements/tabgui/Category.svelte
@@ -27,7 +27,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../../colors.scss";
+    @use "../../../../colors.scss" as *;
 
     .name {
         font-weight: 500;

diff --git a/src/routes/hud/elements/tabgui/Module.svelte b/src/routes/hud/elements/tabgui/Module.svelte
@@ -32,7 +32,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../../colors.scss";
+    @use "../../../../colors.scss" as *;
 
     .module {
         font-weight: 500;

diff --git a/src/routes/hud/elements/tabgui/TabGui.svelte b/src/routes/hud/elements/tabgui/TabGui.svelte
@@ -110,7 +110,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../../colors.scss";
+    @use "../../../../colors.scss" as *;
 
     .tabgui {
         //position: fixed;

diff --git a/src/routes/hud/elements/targethud/ArmorStatus.svelte b/src/routes/hud/elements/targethud/ArmorStatus.svelte
@@ -18,7 +18,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../../colors.scss";
+    @use "../../../../colors.scss" as *;
 
     .armor-status {
         display: flex;

diff --git a/src/routes/hud/elements/targethud/HealthProgress.svelte b/src/routes/hud/elements/targethud/HealthProgress.svelte
@@ -11,7 +11,7 @@
 </div>
 
 <style lang="scss">
-    @import "../../../../colors.scss";
+    @use "../../../../colors.scss" as *;
 
     .health-progress {
         position: relative;

diff --git a/src/routes/hud/elements/targethud/TargetHud.svelte b/src/routes/hud/elements/targethud/TargetHud.svelte
@@ -69,7 +69,7 @@
 {/if}
 
 <style lang="scss">
-    @import "../../../../colors.scss";
+    @use "../../../../colors.scss" as *;
 
     .targethud {
         background-color: rgba($base, 0.68);