css for tags

static/css/blog/post.css

@@ -9,6 +9,7 @@
     --quote-bg-color: #d8d6d6;
     --link-hover-color: #fd62af;
     --separator-color: #cccccc;
+    --tag-bg-color: #d2e0f0;
   }
 }
 
@@ -23,6 +24,7 @@
     --quote-bg-color: #273341;
     --link-hover-color: #ff80bf;
     --separator-color: #414558;
+    --tag-bg-color: #242e38;
   }
 }
 
@@ -67,6 +69,25 @@ header > span {
   font-style: italic;
 }
 
+/* Tags */
+header > ul {
+  display: inline;
+  margin-left: 1em;
+  padding: 0;
+}
+
+header li::before {
+  content: "#";
+}
+
+header li {
+  display: inline;
+  background-color: var(--tag-bg-color);
+  border-radius: 5px;
+  padding: 2px 8px;
+  font-size: calc(var(--font-size) / 1.1);
+}
+
 ::selection {
   color: rgb(255, 255, 255);
   background: var(--selection);