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

More adjustment of styling

Browse source
This commit is contained in:
Leon Mika 2024-03-16 10:14:08 +11:00
parent b20a1e836a
commit 8f6fa029de
2 changed files with 19 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/sidebar-items/links.html
View file

@ -4,7 +4,7 @@
</header> </header>
<ul class="blogroll"> <ul class="blogroll">
{{ range .links }} {{ range .links }}
<li><a href="{{ .url }}">{{ .name }}: <span>{{ (urls.Parse .url).Hostname }}</span></a></li> <li><a href="{{ .url }}">{{ .name }}</a></li>
{{ end }} {{ end }}
</ul> </ul>
</div> </div>

34
static/sidebar.css
View file

@ -20,6 +20,13 @@ div.sidebar {
margin-block: 1px; margin-block: 1px;
} }
@media (max-width: 775px) {
div.sidebar {
display: none;
}
}
div.sidebar-item { div.sidebar-item {
border-block-start: solid thin var(--accent1); border-block-start: solid thin var(--accent1);
padding-block-start: 20px; padding-block-start: 20px;
@ -31,51 +38,46 @@ div.sidebar-item:first-of-type {
padding-block-start: 0; padding-block-start: 0;
} }
div.sidebar-item header {
@media (max-width: 775px) {
div.sidebar {
display: none;
}
}
div.sidebar header {
margin-bottom: 0; margin-bottom: 0;
} }
div.sidebar header h1 { div.sidebar-item header h1 {
font-size: 1.0em; font-size: 1.0em;
color: var(--accent1); color: var(--accent1);
} }
ul.blogroll { div.sidebar-item ul.blogroll,
div.sidebar-item ul.links {
padding-inline: 0; padding-inline: 0;
line-height: 1.8; line-height: 1.8;
} }
ul.blogroll li { div.sidebar-item ul.blogroll li,
div.sidebar-item ul.links li {
list-style-type: none !important; list-style-type: none !important;
} }
ul.blogroll li a { div.sidebar-item ul.blogroll li a {
text-decoration: none; text-decoration: none;
color: var(--text); color: var(--text);
} }
ul.blogroll li a span { div.sidebar-item ul.blogroll li a span {
color: var(--accent2); color: var(--accent2);
} }
div.blogroll-footer-links { div.sidebar-item div.blogroll-footer-links {
line-height: 1.3em; line-height: 1.3em;
display: flex; display: flex;
} }
div.blogroll-footer-links a { div.sidebar-item div.blogroll-footer-links a {
margin-inline: 6px; margin-inline: 6px;
box-sizing: border-box; box-sizing: border-box;
text-decoration: none; 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; margin-inline-start: 0;
} }