@sensiblestats/widget-react 0.56.0 → 0.57.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/index.cjs +73 -15
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +73 -15
- package/dist/index.js.map +1 -1
- package/dist/styles.css +7 -1
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -1137,7 +1137,9 @@
|
|
|
1137
1137
|
.ss-w-gxi { display: flex; flex-direction: column; gap: 12px; }
|
|
1138
1138
|
/* Header */
|
|
1139
1139
|
.ss-w-gxi-head { display: flex; align-items: flex-start; gap: 8px; }
|
|
1140
|
-
.ss-w-gxi-title { font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; color: var(--ss-w-ink); line-height: 1; }
|
|
1140
|
+
.ss-w-gxi-title { font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; color: var(--ss-w-ink); line-height: 1; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
|
|
1141
|
+
/* Formation pill next to the title, e.g. "4-2-3-1". */
|
|
1142
|
+
.ss-w-gxi-form { font-size: 12px; font-weight: 800; letter-spacing: .06em; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 12%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 26%, var(--ss-w-line)); border-radius: 999px; padding: 2px 9px; font-variant-numeric: tabular-nums; }
|
|
1141
1143
|
.ss-w-gxi-sub { font-size: 11px; color: var(--ss-w-faint); margin-top: 4px; }
|
|
1142
1144
|
.ss-w-gxi-left { margin-left: auto; flex: none; font-size: 11px; font-weight: 700; color: var(--ss-w-accent); background: color-mix(in srgb, var(--ss-w-accent) 11%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 22%, var(--ss-w-line)); border-radius: 999px; padding: 4px 10px; white-space: nowrap; }
|
|
1143
1145
|
/* Pitch: a flag per slot laid out in formation rows on a green field. A real min-height plus
|
|
@@ -1156,6 +1158,10 @@
|
|
|
1156
1158
|
.ss-w-gxi-flag { width: 32px; height: 32px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 17px; line-height: 1; background: rgba(9, 12, 10, .55); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 1px 3px rgba(0,0,0,.3); overflow: hidden; }
|
|
1157
1159
|
/* A slot whose player has been revealed by a wrong guess. */
|
|
1158
1160
|
.ss-w-gxi-flag--revealed { border-color: var(--ss-w-accent); box-shadow: 0 0 0 2px color-mix(in srgb, var(--ss-w-accent) 45%, transparent); }
|
|
1161
|
+
/* Position label shown under every flag (GK, CB, CM, ST…) — reads the formation and marks the
|
|
1162
|
+
keeper's end. Muted so it sits behind the flag, not competing with it. */
|
|
1163
|
+
.ss-w-gxi-pos { font-size: 8.5px; line-height: 1.05; font-weight: 800; letter-spacing: .04em; text-align: center; color: rgba(255,255,255,.82); text-shadow: 0 1px 2px rgba(0,0,0,.5); }
|
|
1164
|
+
/* Player surname, shown under the position once a wrong guess reveals it — in the accent colour. */
|
|
1159
1165
|
.ss-w-gxi-flag-lab { font-size: 8px; line-height: 1.05; font-weight: 700; text-align: center; color: var(--ss-w-accent); max-width: 46px; word-break: break-word; }
|
|
1160
1166
|
.ss-w-gxi-revnote { font-size: 11px; color: var(--ss-w-faint); }
|
|
1161
1167
|
/* Wrong-guess trail */
|