css

layout/categories.ejs

@@ -12,7 +12,7 @@ if (page.menu_id == undefined) {
     <article class='post-card<%- scrollreveal() %>' id='cats'>
       <% site.categories.sort('path').each(function(category){ %>
         <div>
-          <a class="<%= category.parent ? 'cat child' : 'cat'%> fs14" href="<%= url_for(category.path) %>">
+          <a class="<%= category.parent ? 'cat child' : 'cat'%>" href="<%= url_for(category.path) %>">
             <span class='name'><%- category.name %></span>
             <span class='badge'>(<%- category.posts.length %>)</span>
           </a>

layout/tags.ejs

@@ -12,7 +12,7 @@ if (page.menu_id == undefined) {
     <article class='post-card<%- scrollreveal() %>' id='tags'>
       <% site.tags.sort('length', -1).each(function(tag){ %>
         <a class='tag' href="<%= url_for(tag.path) %>">
-          <span class='name fs14'><%= tag.name %></span>
+          <span class='name'><%= tag.name %></span>
           <span class='badge fs12'>x<%- tag.length %></span>
         </a>
       <% }) %>

source/css/_layout/pages/archives.styl

@@ -4,7 +4,7 @@
     align-items: baseline
     margin: 0.25rem 0
     font-weight: 500
-    color: var(--text-p1)
+    color: var(--text-p2)
     &:hover
       color: $color-hover
     time
@@ -22,24 +22,28 @@
     font-weight: 500
     padding: 0.5rem 1rem
     border-radius: $border-block
-    color: var(--text-p1)
+    color: var(--text-p2)
+    align-items: center
     &:hover
       background: var(--block)
-      color: $color-hover
+      color: var(--text-p1)
     .badge
       opacity 0.5
-      margin-left: 4px
+      font-size: $fs-13
+      margin-left: .5em
 
 .post-list .post-card#tags
   a.tag
     display: inline-flex
     align-items: center
-    margin: 0.5rem
     position: relative
     font-weight: 500
-    color: var(--text-p1)
+    color: var(--text-p2)
+    padding: .5rem
+    border-radius: $border-block
     &:hover
-      color: $color-hover
+      color: var(--text-p1)
+      background: var(--block)
     span
       margin: 0 0.25rem
     .badge

source/css/_layout/partial/navbar.styl

@@ -48,8 +48,6 @@ nav.cap
     &.active
       background: var(--card)
       box-shadow: $boxshadow-button
-      cursor: pointer
-      pointer-events: none
     &.active:after
       background: $color-theme
       border-radius: 2px