MediaWiki:Common.css: Difference between revisions

Revision as of 09:50, 2 March 2025

/* CSS placed here will be applied to all skins */
.two-column-manual {
  display: flex;        /* Use flex to place columns side by side */
  flex-wrap: wrap;      /* Allows wrapping on smaller screens */
  gap: 1.5em;           /* Space between columns */
  align-items: flex-start;
  margin: 1em 0;
}

.two-column-manual > div {
  flex: 1 1 0;
  min-width: 250px;     /* Optional: prevent columns from becoming too narrow */
}

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
-.two-column-list {
+.two-column-manual {
-   -webkit-columns: 2; /* For older Safari/Chrome */
+   display: flex;        /* Use flex to place columns side by side */
-   -moz-columns: 2;    /* For older Firefox */
+   flex-wrap: wrap;      /* Allows wrapping on smaller screens */
-   columns: 2;         /* Modern browsers */
+   gap: 1.5em;           /* Space between columns */
-  column-gap: 1.5em;  /* Spacing between columns */
+   align-items: flex-start;
-   margin: 0;
+   margin: 1em 0;
-   padding: 0;
 }
-.two-column-list ul, .two-column-list ol {
+.two-column-manual > div {
-   margin: 0;
+   flex: 1 1 0;
-  padding: 0;
+   min-width: 250px;     /* Optional: prevent columns from becoming too narrow */
-}
-.two-column-list li {
-   margin-bottom: 0.5em; /* Optional: spacing between list items */
 }