Template:Sandbox/styles.css: Difference between revisions

Template page
(Created page with ".test-auto { color: green; } @media (prefers-color-scheme: dark) { .test-auto { color: red; } }")
 
(wrong class name)
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
.test-auto {
.test-auto {
color: green;
--color-l: green;
--color-d: red;
 
color: var(--color-l);
}
 
html.skin-theme-clientpref-night .test-auto {
color: var(--color-d);
}
}


@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
.test-auto {
html.skin-theme-clientpref-os .test-auto {
color: red;
color: var(--color-d);
}
}
}
}

Latest revision as of 02:25, 2 May 2024

.test-auto {
	--color-l: green;
	--color-d: red;

	color: var(--color-l);
}

html.skin-theme-clientpref-night .test-auto {
	color: var(--color-d);
}

@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .test-auto {
		color: var(--color-d);
	}
}