Add party an army sheeets

This commit is contained in:
2026-03-25 18:02:39 +01:00
parent b46c6d804c
commit f1dda301d7
37 changed files with 2024 additions and 254 deletions

View File

@@ -207,3 +207,100 @@
padding: 4px 0;
}
// ============================================================
// REGIMENT ACTOR SHEET overrides
// ============================================================
// Regiment uses the same .npc-main structure but split into 2 rows
.oathhammer .npc-main .regiment-vitals-grid {
&.regiment-row1 { grid-template-columns: 1fr 1fr 1fr; }
&.regiment-row2 {
grid-template-columns: 1fr 1fr;
border-top: none;
margin-top: 4px;
padding-top: 4px;
border-top: 1px dashed fade(@color-olive, 50%);
}
}
// Regiment portrait — same dimensions as settlement sheet
.oathhammer .regiment-content .npc-left {
min-width: 94px;
max-width: 94px;
.actor-img {
width: 94px;
height: 110px;
object-fit: cover;
object-position: center top;
border: 2px solid fade(@color-dark, 40%);
border-radius: 4px;
cursor: pointer;
flex-shrink: 0;
flex-grow: 0;
}
}
// Regiment fieldset — remove default fieldset border for clean header look
.oathhammer .regiment-fieldset {
border: none;
padding: 0;
margin: 0;
}
// ── Regiment leader row ───────────────────────────────────────
.oathhammer .regiment-leader-row {
display: flex;
align-items: center;
gap: 6px;
margin-top: 5px;
padding: 4px 6px;
border: 1px dashed fade(@color-olive, 60%);
border-radius: 3px;
background: rgba(0,0,0,0.04);
min-height: 28px;
.regiment-leader-label {
font-family: @font-secondary;
font-size: @font-size-sm;
font-weight: bold;
color: @color-dark;
white-space: nowrap;
min-width: 5.5rem;
}
.regiment-leader-img {
width: 22px;
height: 22px;
border-radius: 3px;
border: 1px solid @color-olive;
object-fit: cover;
flex-shrink: 0;
}
.regiment-leader-name {
flex: 1;
font-family: @font-secondary;
font-size: @font-size-sm;
color: @color-blue;
font-weight: 600;
cursor: pointer;
&:hover { text-decoration: underline; color: @color-gold; }
}
.regiment-leader-empty {
flex: 1;
font-size: @font-size-xs;
color: fade(@color-dark, 45%);
font-style: italic;
}
.regiment-leader-clear {
color: fade(@color-dark, 40%);
font-size: @font-size-sm;
cursor: pointer;
flex-shrink: 0;
&:hover { color: #cc3333; }
}
}