fix(style): introduce semiBoldWeight and various improvements to reduce CLS

2024-02-17 10:34:46 -08:00
parent fa2ea2896f
commit 06e3f8b93d
6 changed files with 15 additions and 15 deletions
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -54,7 +54,7 @@ ul,
 }

 a {
-  font-weight: $boldWeight;
+  font-weight: $semiBoldWeight;
  text-decoration: none;
  transition: color 0.2s ease;
  color: var(--secondary);
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -157,6 +157,6 @@
  }

  .callout-title-inner {
-    font-weight: $boldWeight;
+    font-weight: $semiBoldWeight;
  }
 }
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@@ -5,4 +5,5 @@ $sidePanelWidth: 380px;
 $topSpacing: 6rem;
 $fullPageWidth: $pageWidth + 2 * $sidePanelWidth;
 $boldWeight: 700;
+$semiBoldWeight: 600;
 $normalWeight: 400;