cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: light/dark theme toggle

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-12 10:32:39 -08:00
parent 979cabd6e9
commit bb0068a4e9
No known key found for this signature in database
8 changed files with 80 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/assets/styles/index.css
View file

@ -195,7 +195,9 @@ nav svg {
:is(a:hover, a:active, a:focus) svg,
a svg:hover,
a svg:active,
a svg:focus {
a svg:focus,
.theme__toggle:hover,
.theme__toggle svg:hover {
stroke-width: var(--stroke-width-bold);
}
@ -485,6 +487,28 @@ footer nav {
justify-content: center;
}
/* theme toggle */
.theme__toggle,
.theme__toggle svg{
cursor: pointer;
}
.theme__dark .theme__toggle > .light {
display: inline;
}
.theme__dark .theme__toggle > .dark {
display: none;
}
.theme__toggle > .light {
display: none;
}
.theme__toggle > .dark {
display: inline;
}
/* screens: md */
@media screen and (min-width: 768px) {
.main__title {