"سانچہ:Wikipedia's sister projects/styles.css" کے نسخوں کے درمیان فرق

→ پرانی ترمیم

@@ سطر 6: / سطر 6: @@
 #sister-projects-list li {
-	width: 33%;
-	min-width: 20em;
 	display: inline-block;
-	flex: 1 0 25%;
 }
@@ سطر 23: / سطر 20: @@
 #sister-projects-list li > div:first-child {
-	min-width: 50px;
 	text-align: center;
+}
+@media screen {
+    .sister-projects-wikt-icon-dark,
+    html.skin-theme-clientpref-night .sister-projects-wikt-icon-light {
+		display: none;
+	}
+	html.skin-theme-clientpref-night .sister-projects-wikt-icon-dark {
+		display: inline;
+	}
+}
+@media screen and ( prefers-color-scheme: dark) {
+	html.skin-theme-clientpref-os .sister-projects-wikt-icon-dark {
+		display: inline;
+	}
+	html.skin-theme-clientpref-os .sister-projects-wikt-icon-light {
+		display: none;
+	}
 }
 @media (min-width: 360px) {
 	#sister-projects-list li {
+		width: 33%;
+		min-width: 20em;
 		white-space: nowrap;
+		flex: 1 0 25%;
+	}
+	#sister-projects-list li > div:first-child {
+		min-width: 50px;
 	}
 }