add task solution

mate-academy · Dec 20, 2024 · 131e3d8 · 131e3d8
1 parent c325544
commit 131e3d8
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/index.html b/src/index.html
@@ -31,7 +31,10 @@
   </head>
   <body>
     <header class="header">
-      <a href="https://s3-alpha-sig.figma.com/img/833f/9aab/47d660efd384318772b6b8040db831aa?Expires=1735516800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QZ6lDmSpPbHeqT6gx2d4ZGNPU8LtHi2aEk~52e~6cOVwfkoMC7XOPL4U4W1xi6nsET5fKBG-6anx9moX1kG2ojI9ybSZVp~wvLo1FQNCSLJ2VQaovKKdEdu9QS~nc1y7eQUjzQ3cc~dcc4TiSv8NTaaU~LO3Y0BqW8AdW8udXTDWtPXujxk0DcitGrla8txLiT95QDpl00-sxZAO7HUlXZnNlstj-lG~aihOdrPfcQoouTWmnrb0pHmmtQ-naqsO-~~dW63bzNqj5-~g6m94uZI1J-6PqsE9uYyrA3EKtq2jquuZCFc~o930E55ToOkD3DptflqLKky-zEe-HWvxzg__" class="logo">
+      <a
+        href="https://s3-alpha-sig.figma.com/img/833f/9aab/47d660efd384318772b6b8040db831aa?Expires=1735516800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QZ6lDmSpPbHeqT6gx2d4ZGNPU8LtHi2aEk~52e~6cOVwfkoMC7XOPL4U4W1xi6nsET5fKBG-6anx9moX1kG2ojI9ybSZVp~wvLo1FQNCSLJ2VQaovKKdEdu9QS~nc1y7eQUjzQ3cc~dcc4TiSv8NTaaU~LO3Y0BqW8AdW8udXTDWtPXujxk0DcitGrla8txLiT95QDpl00-sxZAO7HUlXZnNlstj-lG~aihOdrPfcQoouTWmnrb0pHmmtQ-naqsO-~~dW63bzNqj5-~g6m94uZI1J-6PqsE9uYyrA3EKtq2jquuZCFc~o930E55ToOkD3DptflqLKky-zEe-HWvxzg__"
+        class="logo"
+      >
         <img
           src="https://s3-alpha-sig.figma.com/img/833f/9aab/47d660efd384318772b6b8040db831aa?Expires=1735516800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QZ6lDmSpPbHeqT6gx2d4ZGNPU8LtHi2aEk~52e~6cOVwfkoMC7XOPL4U4W1xi6nsET5fKBG-6anx9moX1kG2ojI9ybSZVp~wvLo1FQNCSLJ2VQaovKKdEdu9QS~nc1y7eQUjzQ3cc~dcc4TiSv8NTaaU~LO3Y0BqW8AdW8udXTDWtPXujxk0DcitGrla8txLiT95QDpl00-sxZAO7HUlXZnNlstj-lG~aihOdrPfcQoouTWmnrb0pHmmtQ-naqsO-~~dW63bzNqj5-~g6m94uZI1J-6PqsE9uYyrA3EKtq2jquuZCFc~o930E55ToOkD3DptflqLKky-zEe-HWvxzg__"
           alt="Moyo"

diff --git a/src/style.css b/src/style.css
@@ -54,7 +54,7 @@ li:last-child {
 }
 
 .panel a.is-active {
-  color: #00acdc;
+  color: var(--blue-color);
   position: relative;
 }
 
@@ -65,14 +65,18 @@ li:last-child {
   bottom: 0;
   width: 100%;
   height: 4px;
-  background-color: #00acdc;
+  background-color: var(--blue-color);
   border-radius: 8px;
 }
 
 .panel a:hover {
-  color: #00acdc;
+  color: var(--blue-color);
 }
 
 .panel .is-active a:hover {
-  color: #00acdc;
+  color: var(--blue-color);
+}
+
+:root {
+  --blue-color: #00acdc;
 }