diff options
-rw-r--r-- | Cargo.lock | 8 | ||||
-rw-r--r-- | data/style.scss | 23 |
2 files changed, 20 insertions, 11 deletions
@@ -2355,18 +2355,18 @@ checksum = "93f6841e709003d68bb2deee8c343572bf446003ec20a583e76f7b15cebf3711" [[package]] name = "serde" -version = "1.0.143" +version = "1.0.144" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "53e8e5d5b70924f74ff5c6d64d9a5acd91422117c60f48c4e07855238a254553" +checksum = "0f747710de3dcd43b88c9168773254e809d8ddbdf9653b84e2554ab219f17860" dependencies = [ "serde_derive", ] [[package]] name = "serde_derive" -version = "1.0.143" +version = "1.0.144" source = "registry+https://github.com/rust-lang/crates.io-index" -checksum = "d3d8e8de557aee63c26b85b947f5e59b690d0454c753f3adeb5cd7835ab88391" +checksum = "94ed3a816fb1d101812f83e789f888322c34e291f894f19590dc310963e87a00" dependencies = [ "proc-macro2", "quote", diff --git a/data/style.scss b/data/style.scss index 1ce2e92..0fcc90d 100644 --- a/data/style.scss +++ b/data/style.scss @@ -9,9 +9,11 @@ $themes: squirrel, archlinux, monokai, zenburn; // in a selector list. @function body_not_themed() { $s: unquote("body"); + @each $t in $themes { $s: selector.append($s, unquote(":not(.theme_#{$t})")); } + @return $s; } @@ -58,6 +60,7 @@ body { flex-direction: row; justify-content: center; flex-wrap: wrap; + .cmd { margin: 0; padding-left: 5px; @@ -131,7 +134,7 @@ nav { justify-content: flex-end; } -nav > div { +nav>div { position: relative; margin-left: 0.5rem; } @@ -144,7 +147,7 @@ nav p { color: var(--change_theme_link_color); } -nav p + * { +nav p+* { display: none; position: absolute; left: 0; @@ -162,12 +165,12 @@ nav p + * { } } -nav > div:hover p { +nav>div:hover p { cursor: pointer; color: var(--switch_theme_link_color); } -nav > div:hover p + * { +nav>div:hover p+* { display: block; border-top: 1px solid var(--switch_theme_border); } @@ -768,9 +771,13 @@ th span.active span { // - is set as default theme by .default_theme_* and no other theme is active // to the placeholder selector list by means of @extend. @each $theme in $themes { - %theme_#{$theme} { @include theme_#{$theme}; } + %theme_#{$theme} { + @include theme_#{$theme}; + } - body.theme_#{$theme} { @extend %theme_#{$theme}; } + body.theme_#{$theme} { + @extend %theme_#{$theme}; + } #{body_not_themed()}.default_theme_#{$theme} { @extend %theme_#{$theme}; @@ -783,7 +790,9 @@ th span.active span { // them when dark mode is enabled. @each $theme in $themes { @media (prefers-color-scheme: dark) { - %theme_dark_#{$theme} { @include theme_#{$theme}; } + %theme_dark_#{$theme} { + @include theme_#{$theme}; + } } // this extension will still end up inside the media query, |