Merge pull request #48 from matthew-hre/fixed-font-weight

Fix: Update font weight for sidebar tabs and navbar links to minimum 400
ghostty-org · Dec 19, 2024 · 8ba51ff · 8ba51ff
2 parents 80c8039 + e3cddd3
commit 8ba51ff
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/src/components/link/Link.module.css b/src/components/link/Link.module.css
@@ -5,7 +5,7 @@
   & svg {
     margin-left: 4px;
     & path {
-      transition-duration: .1s;
+      transition-duration: 0.1s;
       transition-timing-function: ease-in-out;
     }
   }
@@ -16,28 +16,28 @@
       that the path order changes and this breaks, but it seems
       unlikely enough to justify adding this nice polish. */
       & path:not(:first-of-type) {
-        transform: translate(2px,-2px);
+        transform: translate(2px, -2px);
       }
     }
   }
   &.weightLight {
-    font-weight: 300;
-    & strong {
-      font-weight: 400;
-    }
-  }
-  &.weightRegular{
     font-weight: 400;
     & strong {
       font-weight: 500;
     }
   }
-  &.weightMedium {
+  &.weightRegular {
     font-weight: 500;
     & strong {
       font-weight: 600;
     }
   }
+  &.weightMedium {
+    font-weight: 600;
+    & strong {
+      font-weight: 700;
+    }
+  }
 }
 
 .buttonLink {
@@ -54,7 +54,7 @@
   }
 
   border-radius: 6px;
-  transition: background-color .15s;
+  transition: background-color 0.15s;
   &.small {
     font-size: 14px;
     padding: 4px 12px;

diff --git a/src/components/nav-tree/NavTree.module.css b/src/components/nav-tree/NavTree.module.css
@@ -64,7 +64,7 @@ ul.nodesList {
 
     & .linkNode {
       display: block;
-      font-weight: 300;
+      font-weight: 400;
       color: var(--gray-5);
       font-size: var(--node-font-size);
       line-height: var(--node-font-size);