Jonas_Jones/wiki.jonasjones.dev
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/wiki.jonasjones.dev.git synced 2025-10-22 22:09:17 +02:00
Code Issues Projects Releases Packages Wiki Activity

add: css for collapsible list

Browse source
This commit is contained in:
J-onasJones 2023-09-18 20:17:35 +02:00
parent c3a2d44c66
commit e85bb419cc
1 changed files with 19 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/lib/styles/style.css
View file

@ -14,6 +14,7 @@
--container-background-color: #26292f; --container-background-color: #26292f;
--text-color: #fff; --text-color: #fff;
--link-text-color: #afb9c4; --link-text-color: #afb9c4;
--collapsed-background-color: #414753;
} }
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
@ -72,10 +73,13 @@ main {
.navbar { .navbar {
float: left; float: left;
padding: 2rem; padding: 2rem;
min-width: 200px;
margin-right: 2rem;
} }
ul { ul {
padding-left: 10px; padding-left: 10px;
padding-right: 20px;
} }
.container { .container {
@ -104,4 +108,19 @@ a {
a:hover { a:hover {
color: var(--text-color); 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;
} }