support tags

1 files changed, 36 insertions, 23 deletions

diff --git a/static/assets/css/core.css b/static/assets/css/core.css
index 81a211d..71b4bfe 100644
--- a/static/assets/css/core.css
+++ b/static/assets/css/core.css
@@ -1,4 +1,4 @@
-:root { 
+:root {
     color-scheme: light only;
     supported-color-schemes: light only;
 }
@@ -19,7 +19,7 @@ body {
     -webkit-text-size-adjust: 100%;
 }
 
-h1, h2, h3, 
+h1, h2, h3,
 h4, h5, h6 {
     font-weight: 600;
     line-height: 1.25;
@@ -87,8 +87,8 @@ code, kbd, tt, samp {
 }
 
 pre>code,
-pre>kbd, 
-pre>tt, 
+pre>kbd,
+pre>tt,
 pre>samp {
     font-size: inherit;
     color: inherit;
@@ -193,7 +193,6 @@ del { opacity: 0.5; }
     color: #333;
 }
 .home-card-content-date {
-    display: block;
     font-size: 12px;
     color: #b4b4b4;
 }
@@ -203,14 +202,27 @@ del { opacity: 0.5; }
     color: #999;
 }
 
-.article-header { border-bottom: 1px solid #eaecef; }
+.article-header {
+    padding-bottom: 20px;
+    border-bottom: 1px solid #eaecef;
+}
 .article-date {
-    display: block;
     font-size: 14px;
-    margin-bottom: 16px;
     color: #969696;
 }
 
+.article-tag {
+    font-size: 12px;
+    color: #fff;
+    background: #f7671d;
+    padding: 3px 4px;
+    border-radius: 3px;
+    cursor:pointer;
+}
+.article-tag:hover {
+    background: #ffc09f;
+}
+
 .pagination {
     display: block;
     text-align: center;
@@ -235,7 +247,7 @@ del { opacity: 0.5; }
 
 .pagination ul li a.active {
     background-color: #0366d6;
-    color: white;
+    color: #fff;
 }
 
 .pagination ul li a:hover:not(.active) { background-color: rgba(0, 0, 0, 0.3); }
@@ -251,23 +263,23 @@ del { opacity: 0.5; }
 
 .markdown-body time { color: #969696; }
 
-.markdown-body blockquote, 
-.markdown-body details, 
-.markdown-body dl, 
-.markdown-body ol, 
-.markdown-body p, 
-.markdown-body pre, 
-.markdown-body table, 
-.markdown-body ul { 
+.markdown-body blockquote,
+.markdown-body details,
+.markdown-body dl,
+.markdown-body ol,
+.markdown-body p,
+.markdown-body pre,
+.markdown-body table,
+.markdown-body ul {
     margin-top: 0;
     margin-bottom: 20px;
 }
 
-.markdown-body h1, 
-.markdown-body h2, 
-.markdown-body h3, 
-.markdown-body h4, 
-.markdown-body h5, 
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
 .markdown-body h6 {
     margin-top: 24px;
     margin-bottom: 20px;
@@ -371,4 +383,5 @@ del { opacity: 0.5; }
 /* CommentSingle */ .chroma .c1 { color: #177500 }
 /* CommentSpecial */ .chroma .cs { color: #177500 }
 /* CommentPreproc */ .chroma .cp { color: #633820 }
-/* CommentPreprocFile */ .chroma .cpf { color: #633820 }
\ No newline at end of file
+/* CommentPreprocFile */ .chroma .cpf { color: #633820 }
+