From d32f02478a44d34aa0ee20a1bd55f14dcb94e4e3 Mon Sep 17 00:00:00 2001 From: "Danilo M." Date: Sat, 18 Apr 2026 16:44:36 +0200 Subject: 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
) - .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 --- themes/danix-xyz-hacker/assets/css/main.css | 17 ++++++++++++----- themes/danix-xyz-hacker/assets/css/main.min.css | 19 ++++++++++++++----- 2 files changed, 26 insertions(+), 10 deletions(-) (limited to 'themes/danix-xyz-hacker/assets') diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css index 6f00eb5..8ab29a0 100644 --- a/themes/danix-xyz-hacker/assets/css/main.css +++ b/themes/danix-xyz-hacker/assets/css/main.css @@ -306,13 +306,13 @@ html.theme-light { height: 50px !important; } - /* Social share widget */ - .share-widget { - padding-top: 0.75rem; - border-top: 1px solid var(--border); + /* Sidebar widget — no box, no 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); @@ -320,6 +320,13 @@ html.theme-light { 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); 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); -- cgit v1.2.3