Use clamp for post-list font size instead of large stylesheet

cy-by · Sep 15, 2024 · a8dd2a6 · a8dd2a6
1 parent 92d5f10
commit a8dd2a6
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 7 deletions.
diff --git a/_includes/layout.liquid b/_includes/layout.liquid
@@ -11,7 +11,6 @@
         >
         <link href="/styles/reset.css" rel="stylesheet">
         <link href="/styles/style.css" rel="stylesheet">
-        <link href="/styles/large.css" media="only screen and (min-width: 600px)" rel="stylesheet">
     </head>
     <body>
         <a href="#main" class="skip">Skip to main content</a>

diff --git a/styles/large.css b/styles/large.css
diff --git a/styles/style.css b/styles/style.css
@@ -224,7 +224,7 @@ nav {
     }
 
     a {
-        font-size: 2rem;
+        font-size: clamp(2rem, 5vi, 4rem);
         font-weight: 800;
         letter-spacing: -0.08rem;
         text-decoration-thickness: 7%;