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

More styling of the sidebar

Browse source
This commit is contained in:
Leon Mika 2024-03-13 21:18:05 +11:00
parent 9337a79ad0
commit 4d9214cb0a
2 changed files with 14 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
layouts/partials/sidebar.html
View file

@ -1,7 +1,8 @@
<div class="sidebar"> <div class="sidebar">
<div class="sidebar-cell"> <div class="sidebar-cell">
<p>Recommendations</p> <header>
<h1>Recommendations</h1>
</header>
<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 }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li>

19
static/sidebar.css
View file

@ -9,10 +9,17 @@ div.wrapper {
} }
div.sidebar { div.sidebar {
font-size: 0.8; font-size: 0.8em;
} }
div.sidebar header h1 {
color: var(--accent1);
font-size: 0.8em;
}
ul.blogroll {
padding-inline: 0;
}
ul.blogroll li { ul.blogroll li {
list-style-type: none !important; list-style-type: none !important;
@ -20,15 +27,9 @@ ul.blogroll li {
ul.blogroll li a { ul.blogroll li a {
text-decoration: none; text-decoration: none;
color: black; color: var(--text);
} }
ul.blogroll li a span { ul.blogroll li a span {
color: gray; color: var(--accent2);
}
@media (prefers-color-scheme: dark) {
ul.blogroll li a {
color: white;
}
} }