Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 782: / Line 782: @@
      .sv_skill_scaling__primary-value {
          font-size: 32px;
+    }
+    /* Keep pills content-fit; just tighten a touch */
+    .sv_skill_scaling__stat-pill {
+        width: 50px;
+        min-width: 50px;
+        padding: 4px 6px;
+    }
+    .sv_skill_scaling__stat-visual {
+        gap: 6px;
+    }
+    .sv_skill_scaling__stat-value {
+        font-size: 12px;
+    }
+    .sv_skill_scaling__stat-pill.is-inactive::before {
+        font-size: 12px;
      }
@@ Line 825: / Line 844: @@
      .sv_skill_scaling__primary-value {
          font-size: 30px;
+    }
+    /* Same pill sizing behavior on mobile (content-fit) */
+    .sv_skill_scaling__stat-pill {
+        width: 50px;
+        min-width: 50px;
+        padding: 4px 6px;
+    }
+    .sv_skill_scaling__stat-visual {
+        gap: 6px;
+    }
+    .sv_skill_scaling__stat-value {
+        font-size: 12px;
+    }
+    .sv_skill_scaling__stat-pill.is-inactive::before {
+        font-size: 12px;
      }
@@ Line 848: / Line 886: @@
      .sv_skill_scaling__primary-value {
          font-size: 28px;
+    }
+    /* Ultra-tight pills, still content-fit */
+    .sv_skill_scaling__stat-pill {
+        width: 50px;
+        min-width: 50px;
+        padding: 4px 6px;
+    }
+    .sv_skill_scaling__stat-visual {
+        gap: 5px;
+    }
+    .sv_skill_scaling__stat-value {
+        font-size: 12px;
+    }
+    .sv_skill_scaling__stat-pill.is-inactive::before {
+        font-size: 12px;
      }