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

chore: colocate styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-02-27 14:08:15 -08:00
parent 0811a699fb
commit 3a09be8d3f
No known key found for this signature in database
6 changed files with 39 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/assets/styles/components/theme-toggle.css Normal file
View file

@ -0,0 +1,33 @@
.theme__toggle,
.theme__toggle svg {
cursor: pointer;
}
.theme__toggle:hover,
.theme__toggle svg:hover {
stroke-width: var(--stroke-width-bold);
}
.theme__toggle > .light svg { stroke: var(--sun) !important; }
.theme__toggle > .dark svg { stroke: var(--moon) !important; }
.theme__toggle > .light ,
.theme__toggle > .dark {
display: none;
}
.theme__dark .theme__toggle > .light {
display: inline;
}
.theme__dark .theme__toggle > .dark {
display: none;
}
.theme__light .theme__toggle > .light {
display: none;
}
.theme__light .theme__toggle > .dark {
display: inline;
}

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

@ -204,9 +204,7 @@ a svg:hover,
a svg:active,
a svg:focus,
button:hover svg,
button svg:hover,
.theme__toggle:hover,
.theme__toggle svg:hover {
button svg:hover {
stroke-width: var(--stroke-width-bold);
}
@ -501,40 +499,6 @@ footer nav {
justify-content: center;
}
/* theme toggle */
.theme__toggle,
.theme__toggle svg {
cursor: pointer;
}
.theme__toggle > .light svg { stroke: var(--sun) !important; }
.theme__toggle > .dark svg { stroke: var(--moon) !important; }
.theme__toggle > .light ,
.theme__toggle > .dark {
display: none;
}
:is(.theme__light, .theme__dark) .theme__toggle > .placeholder {
display: none;
}
.theme__dark .theme__toggle > .light {
display: inline;
}
.theme__dark .theme__toggle > .dark {
display: none;
}
.theme__light .theme__toggle > .light {
display: none;
}
.theme__light .theme__toggle > .dark {
display: inline;
}
/* screens: md */
@media screen and (min-width: 768px) {
.main__title {