chore: fix linting issues

josdejong · Oct 14, 2024 · 17589b0 · 17589b0
1 parent b482002
commit 17589b0
Showing 1 changed file with 43 additions and 11 deletions.
diff --git a/src/routes/development/+page.svelte b/src/routes/development/+page.svelte
@@ -891,7 +891,7 @@ See https://github.com/sveltejs/kit/issues/981
 {/if}
 
 <style lang="scss">
-  @use "sass:color";
+  @use 'sass:color';
   @import '../../lib/themes/jse-theme-dark.css';
   @import '../themes/jse-theme-big.css';
 
@@ -914,16 +914,48 @@ See https://github.com/sveltejs/kit/issues/981
       $background-color: hsl(76, 52%, 70%);
 
       --jse-contents-background-color: #{$background-color};
-      --jse-selection-background-color: #{color.adjust($background-color, $lightness: -10%,  $saturation: -20%)};
-      --jse-selection-background-inactive-color: #{color.adjust($background-color, $lightness: -5%,  $saturation: -10%)};
-      --jse-hover-background-color: #{color.adjust($background-color, $lightness: -5%,  $saturation: -10%)};
-
-      --jse-context-menu-pointer-hover-background: #{color.adjust($background-color, $lightness: -20%,  $saturation: -20%)};
-      --jse-context-menu-pointer-background-highlight: #{color.adjust($background-color, $lightness: -30%,  $saturation: -30%)};
-      --jse-context-menu-pointer-background: #{color.adjust($background-color, $lightness: -40%,  $saturation: -40%)};
-
-      --jse-collapsed-items-background-color: #{color.adjust($background-color, $lightness: -5%,  $saturation: -10%)};
-      --jse-collapsed-items-selected-background-color: #{color.adjust($background-color, $lightness: -20%,  $saturation: -20%)};
+      --jse-selection-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -10%,
+          $saturation: -20%
+        )};
+      --jse-selection-background-inactive-color: #{color.adjust(
+          $background-color,
+          $lightness: -5%,
+          $saturation: -10%
+        )};
+      --jse-hover-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -5%,
+          $saturation: -10%
+        )};
+
+      --jse-context-menu-pointer-hover-background: #{color.adjust(
+          $background-color,
+          $lightness: -20%,
+          $saturation: -20%
+        )};
+      --jse-context-menu-pointer-background-highlight: #{color.adjust(
+          $background-color,
+          $lightness: -30%,
+          $saturation: -30%
+        )};
+      --jse-context-menu-pointer-background: #{color.adjust(
+          $background-color,
+          $lightness: -40%,
+          $saturation: -40%
+        )};
+
+      --jse-collapsed-items-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -5%,
+          $saturation: -10%
+        )};
+      --jse-collapsed-items-selected-background-color: #{color.adjust(
+          $background-color,
+          $lightness: -20%,
+          $saturation: -20%
+        )};
     }
   }