MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 570: / Line 570: @@
 .toclimit-7 .toclevel-6 ul {
      display: none;
+}
+/* [[User:Arin Mara]] testing @media */
+@media screen and (min-width: 45em) {
+    .o-flex-grid--c2\@sm > .o-flex-grid__item {
+        width: 50%;
+    }
+}
+@media screen and (min-width: 60em) {
+    .o-flex-grid--c2\@md > .o-flex-grid__item {
+        width: 50%;
+    }
+    .o-flex-grid--c3\@md > .o-flex-grid__item {
+        width: 33.3%;
+    }
+    .o-flex-grid--c4\@md > .o-flex-grid__item {
+        width: 25%;
+    }
+}
+@media screen and (min-width: 80em) {
+    .o-flex-grid--c3\@lg > .o-flex-grid__item {
+        width: 33.3%;
+    }
+}
+@media screen and (min-width: 100em) {
+    .o-flex-grid--c2\@lg > .o-flex-grid__item {
+        width: 50%;
+    }
+    .o-flex-grid--c4\@lg > .o-flex-grid__item {
+        width: 25%;
+    }
 }