From a43b6f36702b6a06b515cbeb3c719ce0c38553d6 Mon Sep 17 00:00:00 2001
From: xaoxuu <me@xaoxuu.com>
Date: Sat, 6 Nov 2021 16:00:03 +0800
Subject: [PATCH] css

---
 layout/archive.ejs                        |  6 +--
 layout/categories.ejs                     |  2 +-
 layout/tags.ejs                           |  2 +-
 source/css/_layout/pages/archives.styl    | 63 +++++++++++++++++------
 source/css/_layout/tag-plugins/about.styl |  9 ++--
 5 files changed, 56 insertions(+), 26 deletions(-)

diff --git a/layout/archive.ejs b/layout/archive.ejs
index 2d6cc8b..bdaeca1 100755
--- a/layout/archive.ejs
+++ b/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>
diff --git a/layout/categories.ejs b/layout/categories.ejs
index 9e9dc49..3b6dd7d 100755
--- a/layout/categories.ejs
+++ b/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) %>">
diff --git a/layout/tags.ejs b/layout/tags.ejs
index 37aab7f..078d7e8 100755
--- a/layout/tags.ejs
+++ b/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>
diff --git a/source/css/_layout/pages/archives.styl b/source/css/_layout/pages/archives.styl
index e8aa673..e1dbf47 100644
--- a/source/css/_layout/pages/archives.styl
+++ b/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)
diff --git a/source/css/_layout/tag-plugins/about.styl b/source/css/_layout/tag-plugins/about.styl
index 9cecd77..3575008 100644
--- a/source/css/_layout/tag-plugins/about.styl
+++ b/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