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

→ پرانی ترمیم

@@ سطر 1: / سطر 1: @@
+/* {{pp-template}} */
 #sister-projects-list {
-	text-align: left;
+	display: flex;
-	background: transparent;
+	flex-wrap: wrap;
-	margin: 1px;
 }
-#sister-projects-list > div {
+#sister-projects-list li {
-	width:32%;
+	display: inline-block;
-	min-width: 20em;
+}
-	white-space: nowrap;
-	margin: 0 1px;
+#sister-projects-list li span {
-	display:inline-block;
+	font-weight: bold;
 }
-#sister-projects-list > div > div {
+#sister-projects-list li > div {
 	display: inline-block;
 	vertical-align: middle;
-	margin: 1px 0;
+	padding: 6px 4px;
-	padding: 4px;
 }
-#sister-projects-list > div > div:first-child {
+#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;
+	}
 }