add: css for collapsible list

This commit is contained in:
J-onasJones 2023-09-18 20:17:35 +02:00
parent c3a2d44c66
commit e85bb419cc

View file

@ -14,6 +14,7 @@
--container-background-color: #26292f;
--text-color: #fff;
--link-text-color: #afb9c4;
--collapsed-background-color: #414753;
}
@media (prefers-color-scheme: light) {
@ -72,10 +73,13 @@ main {
.navbar {
float: left;
padding: 2rem;
min-width: 200px;
margin-right: 2rem;
}
ul {
padding-left: 10px;
padding-right: 20px;
}
.container {
@ -104,4 +108,19 @@ a {
a:hover {
color: var(--text-color);
}
details {
cursor: pointer;
background-color: var(--collapsed-background-color);
border-radius: 0.5rem;
padding: 0.75rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
margin: 0.25rem;
width: 100%;
}
details a {
padding-left: 0.5rem;
}