From: Danilo M. <redacted>
Date: Tue, 21 Apr 2026 21:11:18 +0000 (+0200)
Subject: feat: simplify tag cloud CSS for continuous scaling
X-Git-Tag: release_22042026-1342~30
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=1780ef52eebfb02112013f99a7402b4d9d0c259b;p=danix.xyz-2.git

feat: simplify tag cloud CSS for continuous scaling

- Remove .tag-tier-* classes (sizing now inline)
- Update .tag-cloud to center-justify for natural cloud layout
- Add opacity transition to .tag-cloud-link
- Remove hardcoded font-size from .tag-cloud-link
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 31a977d..167b040 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -357,7 +357,8 @@ html.theme-light picture img[src="/images/default_thumbnail_dark.png"] {
   .tag-cloud {
     display: flex;
     flex-wrap: wrap;
-    gap: 0.5rem;
+    justify-content: center;
+    gap: 0.75rem;
     align-items: baseline;
   }
 
@@ -369,10 +370,9 @@ html.theme-light picture img[src="/images/default_thumbnail_dark.png"] {
     border: 1px solid var(--border);
     border-radius: 0.25rem;
     font-family: var(--font-mono, 'JetBrains Mono', monospace);
-    font-size: 0.75rem;
     color: var(--text-dim);
     text-decoration: none;
-    transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out;
+    transition: border-color 150ms ease-out, color 150ms ease-out, background-color 150ms ease-out, opacity 150ms ease-out;
     white-space: nowrap;
     line-height: 1.4;
   }
@@ -389,23 +389,6 @@ html.theme-light picture img[src="/images/default_thumbnail_dark.png"] {
     border-radius: 0.25rem;
   }
 
-  .tag-tier-low {
-    font-size: 0.75rem;
-    opacity: 0.75;
-  }
-
-  .tag-tier-medium {
-    font-size: 0.875rem;
-    opacity: 0.88;
-  }
-
-  .tag-tier-high {
-    font-size: 1rem;
-    opacity: 1;
-    border-color: rgba(var(--accent-rgb), 0.3);
-    color: var(--text);
-  }
-
   .tag-cloud-count {
     display: inline-flex;
     align-items: center;