fix some issues with path

vtabashniuk · Apr 29, 2024 · 02b0e39 · 02b0e39
1 parent c504699
commit 02b0e39
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 24 deletions.
diff --git a/.env b/.env
@@ -1 +1 @@
-SASS_PATH=src/styles/
+SASS_PATH=/src/styles/
diff --git a/src/components/PointMenu/PointMenu.module.scss b/src/components/PointMenu/PointMenu.module.scss
@@ -1,4 +1,4 @@
-@use "colors" as c;
+@import "/src/styles/colors";
 
 .pointList {
   display: grid;
@@ -32,12 +32,12 @@
 
     &.active {
       background-image: url("../../img/svg/ActivePoints.svg");
-      color: c.$startButtonColor;
+      color: $startButtonColor;
     }
 
     &.earned {
       background-image: url("../../img/svg/Earned.svg");
-      color: c.$earnedPointsColor;
+      color: $earnedPointsColor;
     }
   }
 }
diff --git a/src/components/StartGameButton/StartGameButton.module.scss b/src/components/StartGameButton/StartGameButton.module.scss
@@ -1,5 +1,5 @@
-@use "colors" as c;
-@import "mixins";
+@import "/src/styles/colors";
+@import "/src/styles/mixins";
 
 .button {
   @include fontFamily($font-size: 14px);
@@ -8,13 +8,13 @@
   max-width: 288px;
   padding: 16px 0;
   border-radius: 8px;
-  background-color: c.$startButtonColor;
-  color: c.$whiteColor;
+  background-color: $startButtonColor;
+  color: $whiteColor;
   text-align: center;
   text-decoration: none;
 
   &:active {
-    background-color: c.$pressedStartButtonColor;
+    background-color: $pressedStartButtonColor;
   }
 
   @media screen and (min-width: 768px) {
@@ -25,7 +25,7 @@
     font-size: 20px;
 
     &:hover {
-      background-color: c.$hoverStartButtonColor;
+      background-color: $hoverStartButtonColor;
     }
   }
 }
diff --git a/src/pages/End/End.module.scss b/src/pages/End/End.module.scss
@@ -1,15 +1,14 @@
-@use "colors" as c;
-@import "mixins";
+@import "/src/styles/colors";
 
 .container {
   height: 100vh;
   width: 100vw;
   padding-top: 80px;
-  background: c.$mobileGradient;
+  background: $mobileGradient;
 
   @media screen and (min-width: 568px) {
     padding: calc((229px / 900px) * 100vh) 0 0 0;
-    background: c.$desktopGradient;
+    background: $desktopGradient;
   }
 }
 
@@ -66,7 +65,7 @@
 
 .title {
   margin-bottom: 8px;
-  color: c.$secondaryTextColor;
+  color: $secondaryTextColor;
   font-size: 18px;
 
   @media screen and (min-width: 768px) {

diff --git a/src/pages/Game/Game.module.scss b/src/pages/Game/Game.module.scss
@@ -1,9 +1,9 @@
-@use "colors" as c;
+@import "/src/styles/colors";
 
 .container {
   height: 100vh;
   width: 100vw;
-  background-color: c.$gameBackgroundColor;
+  background-color: $gameBackgroundColor;
 
   @media screen and (min-width: 768px) {
     display: grid;
@@ -32,7 +32,7 @@
     position: static;
     height: 100vh;
     width: 100%;
-    background-color: c.$whiteColor;
+    background-color: $whiteColor;
     padding-top: 0;
     padding-bottom: 0;
   }
@@ -69,7 +69,6 @@
   grid-template-rows: auto;
   row-gap: 8px;
   text-align: left;
-  // width: 100%;
   font-weight: 400;
   font-size: 14px;
   list-style-type: none;
@@ -122,7 +121,7 @@
     &::before {
       content: counter(list-counter, upper-latin) "";
       margin-right: 8px;
-      color: c.$hoverStartButtonColor;
+      color: $hoverStartButtonColor;
       font-weight: 600;
     }
   }

diff --git a/src/pages/Home/Home.module.scss b/src/pages/Home/Home.module.scss
@@ -1,15 +1,15 @@
-@use "colors" as c;
-@import "mixins";
+@import "/src/styles/colors";
+@import "/src/styles/mixins";
 
 .container {
   height: 100vh;
   width: 100vw;
   padding-top: 80px;
-  background: c.$mobileGradient;
+  background: $mobileGradient;
 
   @media screen and (min-width: 568px) {
     padding: calc((229px / 900px) * 100vh) 0 0 0;
-    background: c.$desktopGradient;
+    background: $desktopGradient;
   }
 }