Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,106: / Line 1,106: @@
      min-width:0;
      flex:1 1 100%;
+  }
+  /* ----------------------------------------------------------------------
+     META ROW (mobile-tight)
+     - Enforce smaller pills regardless of Mobile.css load order.
+     - Keep 2 columns, centered away from edges.
+     ---------------------------------------------------------------------- */
+  .sv-skill-card .sv-skill-meta,
+  .sv-gi-card .sv-skill-meta{
+    grid-template-columns:repeat(2, minmax(0, 1fr));
+    gap:4px;
+    max-width:300px;
+    margin-left:auto;
+    margin-right:auto;
+    justify-content:center;
+  }
+  .sv-skill-card .sv-meta-card,
+  .sv-gi-card .sv-meta-card{
+    min-height:24px;
+    gap:5px;
+  }
+  .sv-skill-card .sv-meta-icon,
+  .sv-gi-card .sv-meta-icon{
+    width:16px;
+    height:16px;
+  }
+  .sv-skill-card .sv-meta-text,
+  .sv-gi-card .sv-meta-text{
+    font-size:10px;
+    line-height:1.05;
+    letter-spacing:0;
+  }
+  .sv-skill-card .sv-meta-text .sv-meta-lines span + span,
+  .sv-gi-card .sv-meta-text .sv-meta-lines span + span{
+    font-size:9px;
+    margin-top:1px;
+  }
+  /* If meta row ever renders the global .sv-pill variant */
+  .sv-skill-card .sv-skill-meta .sv-pill,
+  .sv-gi-card .sv-skill-meta .sv-pill{
+    min-height:24px;
+    font-size:10px;
+    line-height:1.05;
+    letter-spacing:0;
+    gap:5px;
    }
 }