From ef3c7271ef24dafb56fb639a03a779864cb7a794 Mon Sep 17 00:00:00 2001
From: shenyu <448766534@qq.com>
Date: Sat, 18 Jan 2020 22:13:43 +0800
Subject: [PATCH] fix: style

---
 layout/categories.ejs               | 13 ++++++++++++-
 source/css/_partial/categories.styl | 18 +++++++++++-------
 2 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/layout/categories.ejs b/layout/categories.ejs
index 54d6be4..6ac6663 100644
--- a/layout/categories.ejs
+++ b/layout/categories.ejs
@@ -1,6 +1,17 @@
 <section class="outer">
   <% if (site.categories.length){ %>
     <h1 class="page-type-title"><%= __('categories') %></h1>
-    <%- list_categories({show_count: theme.show_count}) %>
+    <!-- <%- list_categories({show_count: theme.show_count}) %> -->
+    <ul class="category-list">
+      <% site.categories.sort('name').each(function(item){ %>
+        <% if(item.posts.length){ %> 
+          <a class="category-list-link" href="<%- config.root %><%- item.path %>" title="<%= item.name %>">
+            <li class="category-list-item">
+            <%= item.name %><i><%= item.posts.length %></i>
+            </li>
+          </a>
+        <% } %>
+      <% }); %>
+      </ul>
   <% } %>
 </section>
\ No newline at end of file
diff --git a/source/css/_partial/categories.styl b/source/css/_partial/categories.styl
index 1a2a92d..190d218 100644
--- a/source/css/_partial/categories.styl
+++ b/source/css/_partial/categories.styl
@@ -25,16 +25,20 @@
       margin-right .5rem
       display inline-block
       vertical-align middle
-    &:hover
-      border: 1px solid darken(water,20%)
-      box-shadow:  0 3px 5px water
-      a
-        color: darken(water,30%);
-      &:before
-        color: darken(water,30%);
+    i 
+      font-style normal
+      margin-left 10px
+      color: darken(water,20%)
   a 
     display inline-block
     vertical-align middle
     text-decoration: none 
     color: body-color
+    &:hover
+      .category-list-item
+        border: 1px solid darken(water,20%)
+        box-shadow:  0 3px 5px water
+        color: darken(water,30%);
+      &:before
+        color: darken(water,30%);
     
\ No newline at end of file