From 855a646d23b21e4ad5dad9060a049ecad9e5eacc Mon Sep 17 00:00:00 2001
From: Nate <dylovsky160@gmail.com>
Date: Fri, 17 Jan 2025 22:42:14 -0300
Subject: [PATCH] syntax fix

---
 src/renderer/src/app.scss                                     | 4 ++--
 src/renderer/src/components/toast/toast.scss                  | 4 ++--
 src/renderer/src/pages/achievements/achievement-panel.scss    | 2 +-
 .../src/pages/settings/settings-download-sources.scss         | 2 +-
 src/renderer/src/scss/_variables.scss                         | 4 ++++
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/app.scss b/src/renderer/src/app.scss
index 5363829b..be925054 100644
--- a/src/renderer/src/app.scss
+++ b/src/renderer/src/app.scss
@@ -33,7 +33,7 @@ body {
   overflow: hidden;
   user-select: none;
   font-family: "Noto Sans, sans-serif";
-  font-size: 14px; // Assuming vars.size.body is 14px
+  font-size: $body-font-size;
   color: $body-color;
   margin: 0;
 }
@@ -79,7 +79,7 @@ input::-webkit-inner-spin-button {
 }
 
 label {
-  font-size: 14px; // Assuming vars.size.body is 14px
+  font-size: $body-font-size;
 }
 
 input[type="number"] {
diff --git a/src/renderer/src/components/toast/toast.scss b/src/renderer/src/components/toast/toast.scss
index faef6b35..a34cc329 100644
--- a/src/renderer/src/components/toast/toast.scss
+++ b/src/renderer/src/components/toast/toast.scss
@@ -35,12 +35,12 @@
   z-index: $toast-z-index;
   max-width: 500px;
 
-  &__closing {
+  &--closing {
     animation-name: slideOut;
     transform: translateY(96px);
   }
 
-  &__opening {
+  &--opening {
     animation-name: slideIn;
     transform: translateY(0);
   }
diff --git a/src/renderer/src/pages/achievements/achievement-panel.scss b/src/renderer/src/pages/achievements/achievement-panel.scss
index c8cf6e9e..0f048036 100644
--- a/src/renderer/src/pages/achievements/achievement-panel.scss
+++ b/src/renderer/src/pages/achievements/achievement-panel.scss
@@ -49,7 +49,7 @@
       background-color: $color-muted;
     }
 
-    &__disabled {
+    &--disabled {
       opacity: $opacity-disabled;
     }
   }
diff --git a/src/renderer/src/pages/settings/settings-download-sources.scss b/src/renderer/src/pages/settings/settings-download-sources.scss
index b8a9b9ba..0823d7bf 100644
--- a/src/renderer/src/pages/settings/settings-download-sources.scss
+++ b/src/renderer/src/pages/settings/settings-download-sources.scss
@@ -45,7 +45,7 @@
     text-decoration: underline;
     cursor: pointer;
 
-    &:disabled {
+    &--disabled {
       cursor: default;
       text-decoration: none;
     }
diff --git a/src/renderer/src/scss/_variables.scss b/src/renderer/src/scss/_variables.scss
index 6c9c377d..def27a87 100644
--- a/src/renderer/src/scss/_variables.scss
+++ b/src/renderer/src/scss/_variables.scss
@@ -38,6 +38,10 @@ $small-font-size: 12px;
 $app-container: app-container;
 
 :root {
+  --warning-color: #{$warning-color};
+  --dark-background-color: #{$dark-background-color};
   --background-color: #{$background-color};
   --spacing-unit: #{$spacing-unit};
+  --body-color: #{$body-color};
+  --border-color: #{$border-color};
 }