1

css: support netsurf

This commit is contained in:
Motiejus Jakštys 2024-01-20 11:43:56 +02:00
parent 97eb1f0fed
commit ab678b3f6f

View File

@ -76,8 +76,11 @@ h1.brand-title {
text-align: center; text-align: center;
} }
// Overwritten in prefers-color-scheme-light.
// This is here for browsers that don't support
// css gradients.
h1.brand-title > a, h2.brand-subtitle { h1.brand-title > a, h2.brand-subtitle {
color: #eee; color: #000;
} }
h1.brand-title { h1.brand-title {
@ -119,7 +122,7 @@ main {
$featuresGutter: 1rem; $featuresGutter: 1rem;
#page-index .leftright { #page-index .leftright {
padding-top: 1em; padding-top: 1em;
margin: 0 -$featuresGutter; margin: (0-$featuresGutter);
/* Tiles are vertically center-aligned, top margin is unnecessary */ /* Tiles are vertically center-aligned, top margin is unnecessary */
h1 { h1 {
@ -254,6 +257,12 @@ $featuresGutter: 1rem;
/** Media Media Responsive Media **/ /** Media Media Responsive Media **/
/**********************************/ /**********************************/
@media (prefers-color-scheme: light) {
h1.brand-title > a, h2.brand-subtitle {
color: #eee;
}
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
h1, h2, h3, body { h1, h2, h3, body {
color: $darkTextColor; color: $darkTextColor;