MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 601: / Line 601: @@
      padding: 0.18em 0.18em;
    }
+/* Mobile: Module 3 (Modifier + Source + Scaling)
+   Stack Modifier above Source, and center that stack beside Scaling */
+@media (max-width: 560px) {
+  table.spiritvale-skill-infobox
+    .hero-module.skill-source-module.sv-has-mod:not(.sv-only-source):not(.sv-only-scaling)
+    .sv-source-grid {
+    grid-template-columns: 1fr 1fr;
+    grid-template-areas:
+      "mod scaling"
+      "source scaling";
+    align-items: center;
+  }
+  table.spiritvale-skill-infobox
+    .hero-module.skill-source-module.sv-has-mod:not(.sv-only-source):not(.sv-only-scaling)
+    .sv-source-modifier {
+    grid-area: mod;
+  }
+  table.spiritvale-skill-infobox
+    .hero-module.skill-source-module.sv-has-mod:not(.sv-only-source):not(.sv-only-scaling)
+    .sv-source-main {
+    grid-area: source;
+  }
+  table.spiritvale-skill-infobox
+    .hero-module.skill-source-module.sv-has-mod:not(.sv-only-source):not(.sv-only-scaling)
+    .sv-source-scaling {
+    grid-area: scaling;
+    align-self: center;
+  }
+}
    /* Module 4: keep 2 columns */