Taxonomies list as a tag cloud (#557)

* Taxonomies list as a tag cloud

* Generate resources for demo preview

assets/scss/_content.scss

@@ -65,6 +65,23 @@
           margin-right: 1.5rem;
         }
       }
+
+      .tags {
+        .tag {
+          display: inline-block;
+          padding: 0.3rem 0.6rem;
+          background-color: $alt-bg-color;
+          border-radius: 0.6rem;
+          line-height: 1.4em;
+
+          a {
+            color: $fg-color;
+          }
+          a:active {
+            color: $fg-color;
+          }
+        }
+      }
     }
   }
 

assets/scss/_content_dark.scss

@@ -1,5 +1,19 @@
 @mixin content_dark {
   .content {
+    .post {
+      .tags {
+        .tag {
+          background-color: $alt-bg-color-dark;
+
+          a {
+            color: $fg-color-dark;
+          }
+          a:active {
+            color: $fg-color-dark;
+          }
+        }
+      }
+    }
     .list {
       ul {
         li {

assets/scss/_taxonomies.scss

@@ -0,0 +1,20 @@
+.taxonomy {
+  li {
+    display: inline-block;
+    margin: 0.9rem;
+  }
+
+  .taxonomy-element  {
+    display: block;
+    padding: 0.3rem 0.9rem;
+    background-color: $alt-bg-color;
+    border-radius: 0.6rem;
+
+    a {
+      color: $fg-color;
+    }
+    a:active {
+      color: $fg-color;
+    }
+  }
+}

assets/scss/_taxonomies_dark.scss

@@ -0,0 +1,12 @@
+.taxonomy {
+  .taxonomy-element {
+    background-color: $alt-bg-color-dark;
+
+    a {
+      color: $fg-color-dark;
+    }
+    a:active {
+      color: $fg-color-dark;
+    }
+  }
+}

assets/scss/coder-dark.scss

@@ -3,5 +3,6 @@
 @import "content_dark";
 @import "notices_dark";
 @import "navigation_dark";
+@import "taxonomies_dark";
 @import "footer_dark";
 @import "float_dark";

assets/scss/coder.scss

@@ -5,5 +5,6 @@
 @import "notices";
 @import "navigation";
 @import "pagination";
+@import "taxonomies";
 @import "footer";
 @import "float";