summaryrefslogtreecommitdiffstats
path: root/themes/danix-xyz-hacker/assets/css/main.min.css
diff options
context:
space:
mode:
authorDanilo M. <danix@danix.xyz>2026-04-18 16:44:36 +0200
committerDanilo M. <danix@danix.xyz>2026-04-18 16:44:36 +0200
commitd32f02478a44d34aa0ee20a1bd55f14dcb94e4e3 (patch)
tree4130498fdfff09972b2e16b0c8e0dbb756eb5dd8 /themes/danix-xyz-hacker/assets/css/main.min.css
parentf9be8321e1d020fbe4b86be8092a35aff42d6638 (diff)
downloaddanixxyz-d32f02478a44d34aa0ee20a1bd55f14dcb94e4e3.tar.gz
danixxyz-d32f02478a44d34aa0ee20a1bd55f14dcb94e4e3.zip
style: unify sidebar widget styling with bash comment prefix
All sidebar widgets (author, share, related posts) now use: - Unified .sidebar-widget container (no box, only top border via <hr>) - .sidebar-widget-label with # prefix (bash comment style) - Monospace, dimmed, small text for consistency Previously, share widget used a different style (full box with borders). Author and Related Posts widgets now match the hacker aesthetic. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
Diffstat (limited to 'themes/danix-xyz-hacker/assets/css/main.min.css')
-rw-r--r--themes/danix-xyz-hacker/assets/css/main.min.css19
1 files changed, 14 insertions, 5 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 87ce73b..a9aa329 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1419,14 +1419,15 @@ button,
/* Force Feather icons to match size */
-/* Social share widget */
+/* Sidebar widget — no box, no border */
-.share-widget {
- padding-top: 0.75rem;
- border-top: 1px solid var(--border);
+.sidebar-widget {
+ margin-bottom: 1.5rem;
}
-.share-label {
+/* Sidebar widget title — bash comment style */
+
+.sidebar-widget-label {
font-family: var(--font-mono, monospace);
font-size: 0.75rem;
color: var(--text-dim);
@@ -1434,6 +1435,14 @@ button,
margin-bottom: 0.5rem;
}
+/* Sidebar separator */
+
+.sidebar-hr {
+ border: none;
+ border-top: 1px solid var(--border);
+ margin-bottom: 1.5rem;
+}
+
.share-grid {
display: grid;
grid-template-columns: repeat(3, 50px);