css

layout/archive.ejs

@@ -18,13 +18,13 @@ if (page.menu_id == undefined) {
   		<% } %>
   	<% }); %>
   	<% years.forEach((year, i) => { %>
-  		<article class='post-card<%- scrollreveal() %>' id='archive'>
-  			<div class='archive-year h4'><%= year %></div>
+  		<article class='<%- scrollreveal() %>' id='archive'>
+  			<div class='archive-header h4'><%= year %></div>
   			<% site.posts.sort('date', -1).filter(function (post) { %>
   				<% post.year = date(post.date, 'YYYY'); %>
   		    <% return post.year == year; %>
   		  <% }).each(function(post) { %>
-  				<div>
+  				<div class='archive-list'>
             <a class='post fs14' href="<%= url_for(post.link || post.path) %>">
     					<time><%= date(post.date, 'MM-DD') %></time>
     					<span>

layout/categories.ejs

@@ -9,7 +9,7 @@ if (page.menu_id == undefined) {
   <% page.layout = 'categories'; %>
   <%- partial('_partial/main/navbar/list_post') %>
   <div class='post-list'>
-    <article class='post-card<%- scrollreveal() %>' id='cats'>
+    <article class='<%- scrollreveal() %>' id='cats'>
       <% site.categories.sort('path').each(function(category){ %>
         <div>
           <a class="<%= category.parent ? 'cat child' : 'cat'%>" href="<%= url_for(category.path) %>">

layout/tags.ejs

@@ -9,7 +9,7 @@ if (page.menu_id == undefined) {
   <% page.layout = 'tags'; %>
   <%- partial('_partial/main/navbar/list_post') %>
   <div class='post-list'>
-    <article class='post-card<%- scrollreveal() %>' id='tags'>
+    <article class='<%- scrollreveal() %>' id='tags'>
       <% site.tags.sort('length', -1).each(function(tag){ %>
         <a class='tag' href="<%= url_for(tag.path) %>">
           <span class='name'><%= tag.name %></span>

source/css/_layout/pages/archives.styl

@@ -1,12 +1,23 @@
-.post-list .post-card#archive
-  .archive-year
-    color: $color-theme
-    opacity: .4
+.post-list #archive
+  .archive-header
+    display: inline-block
     font-family: $ff-code
     font-weight: 700
     line-height: 1.2
-    padding-bottom: 0.5rem
-    trans1 opacity
+    margin-bottom: .5em
+    position: relative
+    padding: 4px 0
+    color: var(--text-p3)
+    &:after
+      content: ""
+      position: absolute
+      height: 4px
+      bottom: 0
+      left: 0
+      right: 0
+      z-index: -1
+      border-radius: 4px
+      background: var(--block-border)
   a.post
     display: inline-flex
     align-items: baseline
@@ -19,44 +30,64 @@
       margin-right: 1em
       font-weight: 700
       flex-shrink: 0
-      opacity .65
-  &:hover .archive-year
-    opacity: 1
+      opacity .5
+  &:hover
+    .archive-header
+      color: var(--text-p1)
+      &:after
+        background: $color-theme
 
-.post-list .post-card#cats
+
+
+.post-list #cats
+  padding: 0
   a.cat
     display: flex
     &.child
       padding-left: 2rem
-    padding: 0.5rem 1rem
+    padding: .5em 1rem
     border-radius: $border-block
     color: var(--text-p2)
     align-items: center
     justify-content: space-between
+    font-weight: 500
+    font-size: $fs-14
     .badge
-      color: $color-theme
       font-weight: 700
       font-family: $ff-code
       opacity: .5
+      font-size: $fs-12
     &:hover
-      background: var(--block)
+      background: var(--block-hover)
       color: var(--text-p0)
       .badge
         opacity: 1
+        color: $color-theme
 
-.post-list .post-card#tags
+.post-list #tags
   display: flex
   flex-wrap: wrap
+  padding: 0
+  margin: 0 -4px
   a.tag
     display: inline-flex
     align-items: center
     position: relative
     color: var(--text-p2)
     margin: 4px
-    padding: 4px 8px
+    padding: .5em .75rem
     border-radius: 4px
     background: var(--block)
-    font-size: $fs-14
+    font-size: $fs-13
+    font-weight: 500
+    &:before
+      content: "#"
+      margin-left: -2px
+      margin-right: 2px
+      opacity: .4
     &:hover
+      &:before
+        color $color-theme
+        opacity: 1
       color: var(--text-p0)
       background: var(--block-hover)

source/css/_layout/tag-plugins/about.styl

@@ -29,19 +29,18 @@
       line-height: 1.5
     .tag-plugin.navbar:last-child
       nav.cap
-        padding: 0
-        background: none
+        margin-top: 1rem
         a
           margin: 0
-          padding: 0
           color: $color-link
+          background: var(--block-hover)
           &.active
             background: none
           &:hover
             color: $color-hover
-            background: none
+            background: var(--block-border)
         a+a
-          margin-left: 1.5rem
+          margin-left: .5rem
   .about-header+.about-body
     margin-top: 1.5rem