feat: new tag taxonomy page design

- add little icons to tag items
- smaller tags
- make tag with less counts less obvious

1 files changed, 17 insertions, 1 deletions

diff --git a/assets/css/components/_taxonomy.scss b/assets/css/components/_taxonomy.scss
index c295b07e..9b5c5047 100644
--- a/assets/css/components/_taxonomy.scss
+++ b/assets/css/components/_taxonomy.scss
@@ -55,7 +55,8 @@
             align-items: center;
             gap: 0.3rem;
 
-            padding: 0.25rem 0.75rem;
+            font-size: 0.9rem;
+            padding: 0.2rem 0.6rem;
             background-color: var(--block-background-color);
             transition:
                 color,
@@ -68,6 +69,21 @@
                 color: var(--block-background-color);
             }
 
+            &.dimmed {
+                background: none;
+                border: 1px dashed var(--border-color);
+                color: var(--secondary-text-color);
+                &:hover {
+                    color: inherit;
+                    border-style: solid;
+                }
+            }
+
+            .tag-icon {
+                display: inline-flex;
+                align-items: center;
+            }
+
             .tag-count {
                 font-size: 0.8rem;
                 color: var(--secondary-text-color);