diff options
| author | Danilo M. <danix@danix.xyz> | 2026-04-18 16:44:36 +0200 |
|---|---|---|
| committer | Danilo M. <danix@danix.xyz> | 2026-04-18 16:44:36 +0200 |
| commit | d32f02478a44d34aa0ee20a1bd55f14dcb94e4e3 (patch) | |
| tree | 4130498fdfff09972b2e16b0c8e0dbb756eb5dd8 /themes/danix-xyz-hacker/assets/css/main.css | |
| parent | f9be8321e1d020fbe4b86be8092a35aff42d6638 (diff) | |
| download | danixxyz-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.css')
| -rw-r--r-- | themes/danix-xyz-hacker/assets/css/main.css | 17 |
1 files changed, 12 insertions, 5 deletions
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); |
