Merge pull request #156 from DaleStudy/sam/update-to-use-css-variable

update : convert to use css variable
DaleStudy · Dec 24, 2024 · 8c9ef6c · 8c9ef6c
2 parents e79c418 + 4a6396b
commit 8c9ef6c
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/src/components/NotFound/NotFound.module.css b/src/components/NotFound/NotFound.module.css
@@ -8,7 +8,7 @@
   color: var(--primary);
 
   & > h1 {
-    font-weight: 500;
+    font-weight: var(--font-weight-medium);
     font-size: clamp(30px, 4vw, 80px);
     line-height: clamp(50px, 4vw, 100px);
   }
@@ -18,7 +18,7 @@
     margin: 32px 0 0;
     white-space: pre-wrap;
     color: var(--text-900);
-    font-weight: 400;
+    font-weight: var(--font-weight-regular);
     font-size: clamp(12px, 4vw, 16px);
     line-height: clamp(18px, 4vw, 28px);
   }

diff --git a/src/components/ServerError/ServerError.module.css b/src/components/ServerError/ServerError.module.css
@@ -10,13 +10,13 @@
 
   h2 {
     font-size: 80px;
-    font-weight: bold;
+    font-weight: var(--font-weight-bold);
     color: var(--primary);
   }
 
   p {
     font-size: 21px;
-    font-weight: normal;
+    font-weight: var(--font-weight-regular);
     color: var(--text-900);
   }
 }
diff --git a/src/components/Sidebar/Sidebar.module.css b/src/components/Sidebar/Sidebar.module.css
@@ -65,7 +65,7 @@ aside {
   left: 50%;
   transform: translateX(-50%);
   font-size: 14px;
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   color: var(--text-secondary);
 }
 
@@ -79,7 +79,7 @@ aside {
   justify-content: center;
   margin-bottom: 35px;
   padding-bottom: 31px;
-  border-bottom: 2px solid #846de9;
+  border-bottom: 2px solid var(--primary);
 }
 
 .currentStatus img {
@@ -103,7 +103,7 @@ aside {
   flex-direction: column;
   align-items: center;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   gap: 5px;
 }
 
@@ -120,7 +120,7 @@ aside {
 }
 
 .gradientText {
-  background: linear-gradient(to right, #24faca, #846de9);
+  background: linear-gradient(to right, #24faca, var(--primary));
   color: transparent;
   background-clip: text;
   font-size: 17px;
@@ -164,7 +164,7 @@ aside {
   border-radius: 10px;
   color: white !important;
   font-size: 14px;
-  font-weight: bold;
+  font-weight: var(--font-weight-bold);
   text-align: center;
   margin-top: 20px;
   margin-left: auto;

diff --git a/src/pages/Certificate/Certificate.module.css b/src/pages/Certificate/Certificate.module.css
@@ -58,21 +58,21 @@
     font-size: 20px;
     line-height: 15px;
     color: var(--bg-400);
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     margin-top: 30px;
   }
 
   & > h3 {
     font-size: 20px;
     line-height: 25px;
-    font-weight: 400;
+    font-weight: var(--font-weight-regular);
     margin-top: 10px;
   }
 
   & > h4 {
     font-size: 40px;
     line-height: 50px;
-    font-weight: 700;
+    font-weight: var(--font-weight-bold);
     color: var(--bg-400);
     margin-top: 35px;
   }