Less dense links

johanbrook · Sep 9, 2024 · 617c8a1 · 617c8a1
1 parent bb333a4
commit 617c8a1
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/src/_includes/css/posts-list.css b/src/_includes/css/posts-list.css
@@ -17,10 +17,14 @@ POSTS LIST
         overflow: hidden;
         text-overflow: ellipsis;
     }
-
-    a:first-child {
+    
+    > :first-child {
         font-weight: 500;
     }
+
+    a:not(:hover, :focus) {
+        text-decoration: none;
+    }
 
     time {
         font-size: var(--f5);

diff --git a/src/_includes/css/theme.css b/src/_includes/css/theme.css
@@ -32,6 +32,7 @@ a:not(.btn) {
     color: var(--link-color);
     position: relative;
     text-underline-offset: 3px;
+    text-decoration-thickness: 1px;
 
     &:where(:hover, &:hover .link) {
         color: var(--link-color-hover);
@@ -155,8 +156,12 @@ thead th {
 tbody {
     th {
         font-weight: 500;
+
+        a:not(:hover) {
+            text-decoration: none;
+        }
     }
-    
+
     :where(td, th) {
         vertical-align: top;
     }

diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
@@ -49,7 +49,7 @@ home: true
             {% macro book_item(book, reading=false) %}
             <li class="PostItem h-entry">
                 <div>
-                    <a href="/reading/{{ book.slug }}" class="fw5 p-name u-url" title="{{ book.title }}">{{ book.title }}</a>
+                    <a href="/reading/{{ book.slug }}" class="p-name u-url" title="{{ book.title }}">{{ book.title }}</a>
                 </div>
                 <span class="muted" title="{{ book.author }}">{{ book.author }}</span>
             </li>
@@ -72,7 +72,7 @@ home: true
         <ol role="list">
             {% for post in search.pages("type=post", "date=desc", 6) %}
             <li class="PostItem h-entry" id="{{ post.url | url(true) }}">
-               	<a class="u-url p-name fw5" href="{{ post.url }}">{{ post.title }}</a>
+               	<a class="u-url p-name" href="{{ post.url }}">{{ post.title }}</a>
                	<time class="dt-published" pubdate datetime="{{ post.date | tdate('Machine', post.timezone) }}">{{ post.date | tdate('Date', post.timezone) }}</time>
             </li>
             {% endfor %}