Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 422: / Line 422: @@
 }
-/* Keep the placeholder out of the way (core is now column 2) */
+/* Placeholder not used (core lives in column 2) */
 .sv_skill_scaling__side {
      display: none;
@@ Line 434: / Line 434: @@
      justify-content: flex-start;
      gap: 12px;
-    /* allows cluster to reflow if left column gets tight */
      flex-wrap: wrap;
      min-width: 0;
@@ Line 469: / Line 468: @@
      overflow-wrap: anywhere;
      font-weight: 900;
-     font-size: 40px;
+     font-size: 34px; /* ↓ smaller */
-     line-height: 0.94;
+     line-height: 0.95;
-     letter-spacing: -0.55px;
+     letter-spacing: -0.50px;
      color: rgba(245,249,255,0.99);
 }
@@ Line 523: / Line 522: @@
 }
-/* Shared shell (stat chips still use this) */
+/* Shared shell */
 .sv_skill_scaling__pill {
      position: relative;
@@ Line 534: / Line 533: @@
 }
+/* Stat chips: content-fit (same size on desktop + mobile) */
 .sv_skill_scaling__stat-pill {
      border-radius: 999px;
-     width: 80px;
+     width: auto; /* ← remove fixed width */
+    min-width: 44px; /* keeps inactive dash from collapsing */
      min-height: 22px;
-     padding: 4px 8px;
+     padding: 4px 6px; /* ↓ tighter padding */
-     display: flex;
+     display: inline-flex; /* content-wrapped chip */
      align-items: center;
      justify-content: center;
@@ Line 557: / Line 559: @@
      align-items: center;
      justify-content: center;
-     gap: 7px;
+     gap: 6px; /* ↓ tighter icon/value gap */
 }
@@ Line 707: / Line 709: @@
 }
-/* Override the shared shell so core reads as a tight grid, not pills */
 .sv_skill_scaling__core-pill {
      border-radius: 12px;
@@ Line 780: / Line 781: @@
      .sv_skill_scaling__primary-value {
-         font-size: 36px;
+         font-size: 32px;
-    }
-    .sv_skill_scaling__stat-pill {
-        width: 76px;
-    }
-    .sv_skill_scaling__stat-value {
-        font-size: 12px;
      }
@@ Line 805: / Line 798: @@
 @media (max-width:500px) {
-    /* Stack: cluster on top, core below (no second row concept) */
      .sv_skill_scaling {
          padding: 9px 10px 10px;
@@ Line 832: / Line 824: @@
      .sv_skill_scaling__primary-value {
-         font-size: 32px;
+         font-size: 30px;
-    }
-    .sv_skill_scaling__primary-label {
-        font-size: 10px;
-    }
-    .sv_skill_scaling__stat-pill {
-        width: 70px;
-    }
-    .sv_skill_scaling__stat-value {
-        font-size: 12px;
-    }
-    .sv_skill_scaling__core-grid {
-        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
@@ Line 872: / Line 848: @@
      .sv_skill_scaling__primary-value {
          font-size: 28px;
-    }
-    .sv_skill_scaling__stat-pill {
-        width: 66px;
      }