summaryrefslogtreecommitdiffstats
path: root/themes/danix-xyz-hacker/assets/css/main.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.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.css')
-rw-r--r--themes/danix-xyz-hacker/assets/css/main.css17
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);