Gear stats grid on recipes and in the bank: damage and power, 1H/2H, swing time, requirement, bonus
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
ea1bae9b53
commit
9804c0bf85
4 changed files with 54 additions and 4 deletions
|
|
@ -456,3 +456,17 @@ button.sheet-skill:hover { background: var(--panel-2); }
|
|||
.v-attack, .v-res { display: inline-flex; gap: 2px; }
|
||||
.v-hp { font-size: 12px; }
|
||||
.fighter-name .v-res { margin-left: 6px; }
|
||||
|
||||
/* Gear stats: left, middle and right columns */
|
||||
.stat-grid { display: grid; grid-template-columns: 1fr auto 1fr; gap: 4px 10px; align-items: center; margin: 4px 0 2px;
|
||||
padding: 6px 10px; border-radius: 8px; background: var(--bg); font-size: 13px; }
|
||||
.stat-grid > :nth-child(3n + 1) { justify-self: start; }
|
||||
.stat-grid > :nth-child(3n + 2) { justify-self: center; }
|
||||
.stat-grid > :nth-child(3n) { justify-self: end; }
|
||||
.stat-grid .gstat { display: inline-flex; align-items: center; gap: 5px; font-weight: 600; }
|
||||
.stat-grid .gi { width: 16px; height: 16px; }
|
||||
.stat-grid .gstat.short { color: var(--warn); }
|
||||
.stat-grid .gstat.trade { color: var(--gold); }
|
||||
.stat-grid .gstat.muted { font-weight: 500; }
|
||||
.hands { font-size: 11px; font-weight: 700; letter-spacing: .04em; color: #d6b48a;
|
||||
border: 1px solid rgba(214, 180, 138, .5); border-radius: 4px; padding: 0 4px; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue