From cf35980104282a78a836f5eaf9881019be332990 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Wed, 25 Jun 2025 22:04:36 -0400 Subject: [PATCH] fix: resolve build errors from variable refactoring MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add missing variables: $unit-22x, $gray-5, $salmon-pink - Fix AvatarSVG.svelte to use actual color values instead of SCSS variables - SVG fill attributes cannot use SCSS variables directly This resolves all preprocessing errors after the color system refactor. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- src/assets/styles/variables.scss | 3 +++ src/lib/components/AvatarSVG.svelte | 32 ++++++++++++++--------------- 2 files changed, 19 insertions(+), 16 deletions(-) diff --git a/src/assets/styles/variables.scss b/src/assets/styles/variables.scss index 7ed555b..36ea274 100644 --- a/src/assets/styles/variables.scss +++ b/src/assets/styles/variables.scss @@ -30,6 +30,7 @@ $unit-17x: $unit * 17; $unit-18x: $unit * 18; $unit-19x: $unit * 19; $unit-20x: $unit * 20; +$unit-22x: $unit * 22; // Common pixel values $unit-1px: 1px; @@ -309,3 +310,5 @@ $screen-lg-min: 1200px; // Map old color variables to new scale $orange-red: $red-70; +$salmon-pink: $red-95; // Desaturated salmon pink for hover states +$gray-5: $gray-97; // Was an old variable between 95 and 100 diff --git a/src/lib/components/AvatarSVG.svelte b/src/lib/components/AvatarSVG.svelte index b052f1b..85feb29 100644 --- a/src/lib/components/AvatarSVG.svelte +++ b/src/lib/components/AvatarSVG.svelte @@ -9,11 +9,11 @@ /> @@ -142,31 +142,31 @@ gradientTransform="translate(149.715 321.643) rotate(9.39525) scale(28.341 22.842)" >