style categories and tags post meta

assets/scss/_content.scss

@@ -204,3 +204,27 @@
     }
   }
 }
+
+.categories,
+.tags {
+  a {
+    font-size: 0.9em;
+    padding: 3px 6px 4px;
+    margin: 0 0.21em;
+    // box-shadow: 0 2px 3px 0 #cbcbcb, 0 2px 2px #dedede inset;
+    border-radius: 3px;
+    background-color: #e2e2e2;
+
+    color: #757575;
+    text-decoration: none;
+
+    &:hover {
+      opacity: 1;
+      color: #3a3a3a;
+    }
+  }
+
+  .icon {
+    color: inherit;
+  }
+}

layouts/partials/taxonomy/categories.html

@@ -1,5 +1,5 @@
 <div class="categories">
   {{- range $index, $el := . -}}
-    <a href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}"><i class="fas fa-folder"></i>{{ . }}</a>
+    <a href="{{ ( printf "categories/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon fas fa-folder"></i>{{ . }}</a>
   {{- end -}}
 </div>

layouts/partials/taxonomy/tags.html

@@ -1,5 +1,5 @@
 <div class="tags">
   {{- range $index, $el := . -}}
-    <a href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}"><i class="fas fa-tag"></i>{{ . }}</a>
+    <a href="{{ ( printf "tags/%s/" ( . | urlize ) ) | relLangURL }}"><i class="icon fas fa-tag"></i>{{ . }}</a>
   {{- end -}}
 </div>