jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-06-30 01:06:00 -04:00
Code Issues Activity

move light/dark class from <body> to <html> and inline restoration script to (hopefully) improve the white flashes

Browse Source
This commit is contained in:
Jake Jarvis
2021-12-15 13:49:56 -05:00
parent c2789e24d4
commit 766362a9da
14 changed files with 61 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/sass/components/_header.scss
+15 -13
View File
@@ -110,23 +110,25 @@ header {
}
// Dark mode toggle
&.theme-toggle button {
border: 0;
padding: 0;
background: none;
margin: 0.3em -0.3em 0 1.4em;
cursor: pointer;
&.theme-toggle {
margin-left: 1.4em;
svg {
width: 1.56em; // 24.33px, don't ask
height: 1.56em;
button {
border: 0;
padding: 0;
background: none;
margin: 0.3em -0.3em 0 0;
cursor: pointer;
svg {
width: 1.56em; // 24.33px, don't ask
height: 1.56em;
}
}
}
// no margin on the first child to make more room on narrow windows (before responsiveness kicks in).
// last child is the dark mode toggle -- margin is set directly on it in case it's hidden (if JS is disabled).
&:first-child,
&:last-child {
// no margin on the first child to make more room on narrow windows (before responsiveness kicks in)
&:first-child {
margin-left: 0;
}
}