diff --git a/layouts/partials/sidebar-items/links.html b/layouts/partials/sidebar-items/links.html index 1129e46..34c0cbe 100644 --- a/layouts/partials/sidebar-items/links.html +++ b/layouts/partials/sidebar-items/links.html @@ -4,7 +4,7 @@ \ No newline at end of file diff --git a/static/sidebar.css b/static/sidebar.css index 12f4b93..34842ea 100644 --- a/static/sidebar.css +++ b/static/sidebar.css @@ -20,6 +20,13 @@ div.sidebar { margin-block: 1px; } +@media (max-width: 775px) { + div.sidebar { + display: none; + } +} + + div.sidebar-item { border-block-start: solid thin var(--accent1); padding-block-start: 20px; @@ -31,51 +38,46 @@ div.sidebar-item:first-of-type { padding-block-start: 0; } - -@media (max-width: 775px) { - div.sidebar { - display: none; - } -} - -div.sidebar header { +div.sidebar-item header { margin-bottom: 0; } -div.sidebar header h1 { +div.sidebar-item header h1 { font-size: 1.0em; color: var(--accent1); } -ul.blogroll { +div.sidebar-item ul.blogroll, +div.sidebar-item ul.links { padding-inline: 0; line-height: 1.8; } -ul.blogroll li { +div.sidebar-item ul.blogroll li, +div.sidebar-item ul.links li { list-style-type: none !important; } -ul.blogroll li a { +div.sidebar-item ul.blogroll li a { text-decoration: none; color: var(--text); } -ul.blogroll li a span { +div.sidebar-item ul.blogroll li a span { color: var(--accent2); } -div.blogroll-footer-links { +div.sidebar-item div.blogroll-footer-links { line-height: 1.3em; display: flex; } -div.blogroll-footer-links a { +div.sidebar-item div.blogroll-footer-links a { margin-inline: 6px; box-sizing: border-box; text-decoration: none; } -div.blogroll-footer-links a:first-of-type { +div.sidebar-item div.blogroll-footer-links a:first-of-type { margin-inline-start: 0; } \ No newline at end of file