lmika/sidebar-for-bayou
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Styling to suit bayou theme

Browse source 
Also moved the sidebar components in a new directory.
This commit is contained in:
Leon Mika 2025-02-04 22:00:53 +11:00
parent 6de6b65c7a
commit cd04e9bc5f
4 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
layouts/partials/sidebar-for-tiny-theme/links.html → layouts/partials/sidebar-for-bayou/links.html
View file

2
layouts/partials/sidebar-for-tiny-theme/recommendations.html → layouts/partials/sidebar-for-bayou/recommendations.html
View file

@ -5,7 +5,7 @@
{{ if and (.Site.Data.blogrolls) (.Site.Data.blogrolls.recommendations) }} {{ if and (.Site.Data.blogrolls) (.Site.Data.blogrolls.recommendations) }}
<ul class="blogroll"> <ul class="blogroll">
{{ range .Site.Data.blogrolls.recommendations }} {{ range .Site.Data.blogrolls.recommendations }}
<li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li> <li><a href="{{ .url }}"><span>{{ .name }}:</span> {{ (urls.Parse .url).Hostname }}</a></li>
{{ end }} {{ end }}
</ul> </ul>
<div class="blogroll-footer-links"> <div class="blogroll-footer-links">

0
layouts/partials/sidebar-for-tiny-theme/sidebar.html → layouts/partials/sidebar-for-bayou/sidebar.html
View file

22
static/sidebar.css
View file

@ -3,7 +3,7 @@
max-width: 50em; max-width: 50em;
} }
div.page-content:has(div.sidebar) { div.page-content-wrapper:has(div.sidebar) {
display: grid; display: grid;
grid-template-columns: minmax(20em,35em) 15em; grid-template-columns: minmax(20em,35em) 15em;
column-gap: 60px; column-gap: 60px;
@ -28,7 +28,7 @@ div.sidebar {
div.sidebar-item { div.sidebar-item {
border-block-start: solid thin var(--accent1); border-block-start: solid thin var(--primary);
padding-block-start: 20px; padding-block-start: 20px;
padding-block-end: 20px; padding-block-end: 20px;
} }
@ -44,7 +44,6 @@ div.sidebar-item header {
div.sidebar-item header h1 { div.sidebar-item header h1 {
font-size: 1.0em; font-size: 1.0em;
color: var(--accent1);
} }
div.sidebar-item ul.blogroll, div.sidebar-item ul.blogroll,
@ -60,11 +59,15 @@ div.sidebar-item ul.links li {
div.sidebar-item ul.blogroll li a { div.sidebar-item ul.blogroll li a {
text-decoration: none; text-decoration: none;
color: var(--text); color: var(--primary);
}
div.sidebar-item ul.blogroll li a:hover {
text-decoration: underline;
} }
div.sidebar-item ul.blogroll li a span { div.sidebar-item ul.blogroll li a span {
color: var(--accent2); color: var(--text-color);
} }
div.sidebar-item div.blogroll-footer-links { div.sidebar-item div.blogroll-footer-links {
@ -78,6 +81,11 @@ div.sidebar-item div.blogroll-footer-links a {
text-decoration: none; text-decoration: none;
} }
div.sidebar-item div.blogroll-footer-links a:hover {
text-decoration: underline;
}
div.sidebar-item div.blogroll-footer-links a:first-of-type { div.sidebar-item div.blogroll-footer-links a:first-of-type {
margin-inline-start: 0; margin-inline-start: 0;
} }
@ -85,3 +93,7 @@ div.sidebar-item div.blogroll-footer-links a:first-of-type {
div.sidebar-item ul.links li a { div.sidebar-item ul.links li a {
text-decoration: none; text-decoration: none;
} }
div.sidebar-item ul.links li a:hover {
text-decoration: underline;
}