Fix scss warnings

Author: vtm9

.github/workflows/master.yml

@@ -35,6 +35,8 @@ jobs:
               - 'mix.exs'
               - 'mix.lock'
               - 'apps/codebattle/**'
+              - 'apps/runner/**'
+              - 'apps/phoenix_gon/**'
               - 'config/**'
             runner_image:
               - 'Containerfile.runner'
@@ -286,7 +288,8 @@ jobs:
                 response => response.data.jobs,
               );
 
-              const byName = new Map(jobs.map(job => [job.name, job]));
+              const safeJobs = (jobs || []).filter(job => job && typeof job.name === "string");
+              const byName = new Map(safeJobs.map(job => [job.name, job]));
               const pending = [];
               const failed = [];
 
@@ -303,7 +306,9 @@ jobs:
                 }
               }
 
-              core.info(`pending=[${pending.join(", ")}], failed=[${failed.join(", ")}]`);
+              core.info(
+                `jobs_total=${(jobs || []).length}, jobs_named=${safeJobs.length}, pending=[${pending.join(", ")}], failed=[${failed.join(", ")}]`,
+              );
 
               if (failed.length > 0) {
                 core.setFailed(`Required checks failed: ${failed.join(", ")}`);

apps/codebattle/assets/css/external.scss

@@ -2,6 +2,8 @@
 // IMPORTS & VARIABLES
 // --------------------------------------------------
 
+@use "variables" as *;
+
 @font-face {
   font-family: 'External';
   src: url('https://yastatic.net/s3/lpc-ext/Young%20Con%202025/YangoHeadline-Black.ttf') format('truetype');
@@ -28,7 +30,6 @@ $dark-red: #b00020;
 
 // Bootstrap override must come *after* variables
 
-@import 'variables';
 @import "bootstrap/scss/bootstrap";
 
 // --------------------------------------------------

apps/codebattle/assets/css/landing.scss

@@ -1,5 +1,5 @@
+@use "variables" as *;
 @import "fonts";
-@import "variables";
 @import "bootstrap/scss/bootstrap";
 
 .landing {
@@ -613,7 +613,9 @@
 }
 
 .btn:hover {
-  text-decoration: if($link-hover-decoration == underline, none, null);
+  @if $link-hover-decoration == underline {
+    text-decoration: none;
+  }
 }
 
 [data-reveal] {

apps/codebattle/assets/css/skeleton.scss

@@ -1,11 +1,13 @@
+@use "sass:color";
+
 $item-bg: #15202B;
 
 .cb-text-skeleton {
   animation: skeleton-loading 1s linear infinite alternate;
 
   height: 1.2rem;
   border-radius: 0.25rem;
-  background-color: lighten($item-bg, 7%);
+  background-color: color.adjust($item-bg, $lightness: 7%);
 }
 
 @keyframes skeleton-loading {

apps/codebattle/assets/css/style.scss

@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 $body-bg: #e5e5e5;
 $cb-text-color: #999;
 $cb-text-light-color: #ddd;
@@ -84,7 +86,6 @@ $cb-rookie-bg: $iron;
   --cb-grade-rookie: #{$cb-rookie-bg};
 }
 
-@import "variables";
 @import "bootstrap/scss/bootstrap";
 @import "nprogress/nprogress.css";
 @import "gamePreview";

apps/codebattle/assets/css/tournaments.scss

@@ -1,3 +1,5 @@
+@use "sass:color";
+
 *,
 *::after,
 *::before {
@@ -101,9 +103,9 @@
   .progress-bar {
     background: linear-gradient(
       90deg,
-      darken($gold, 14%) 0%,
+      color.adjust($gold, $lightness: -14%) 0%,
       $gold 52%,
-      lighten($gold, 8%) 100%
+      color.adjust($gold, $lightness: 8%) 100%
     );
   }
 }

apps/codebattle/vite.config.js

@@ -162,7 +162,8 @@ export default defineConfig(({ command, mode }) => ({
     preprocessorOptions: {
       scss: {
         includePaths: [path.resolve(__dirname, "assets/css")],
-        silenceDeprecations: ["mixed-decls"],
+        quietDeps: true,
+        silenceDeprecations: ["import"],
       },
     },
     modules: {