max-width: 1em * ($maxwidth / $fontsize);
}
+html { @include usecolours($background-color: background); }
body {
+ @include usecolours($color: foreground);
font-family: sans-serif;
margin: 1em;
-
- @include usecolours
- ( $background-color: background
- , $color: foreground
- );
}
a:link {
#footer { padding: 0 1em; }
}
+// lighten icon shadows in dark mode
+@media (prefers-color-scheme: dark) {
+ svg.icons { path.shadow, g.shadow>* { opacity: 0.7; } }
+ svg.icons .shadow>stop { stop-color: #aaa; }
+ svg.return path.shadow { opacity: 0.45; }
+}
+
// page-specific dark mode styles
@media (prefers-color-scheme: dark) and (min-width: 35em) {
#page_weblog_responsive_tables {