Add luck option after roll, attributes above 6, fix miracle icon and grit bonus
All checks were successful
Release Creation / build (release) Successful in 1m36s
All checks were successful
Release Creation / build (release) Successful in 1m36s
This commit is contained in:
@@ -169,6 +169,24 @@
|
||||
|
||||
.res-sep { opacity: 0.7; font-size: @font-size-xs; }
|
||||
|
||||
.grit-max-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 2px;
|
||||
|
||||
.res-bonus-label {
|
||||
opacity: 0.6;
|
||||
font-size: @font-size-xs;
|
||||
}
|
||||
|
||||
.res-bonus-input {
|
||||
width: 2.2rem;
|
||||
opacity: 0.85;
|
||||
border-left: 1px dashed @color-olive;
|
||||
padding-left: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&.character-resource--luck {
|
||||
.luck-stepper {
|
||||
display: flex;
|
||||
|
||||
@@ -450,6 +450,17 @@
|
||||
.oh-miracle-dialog {
|
||||
|
||||
// Spell/miracle header (reuses .spell-header, .weapon-img-sm, .weapon-name-lg, .weapon-badges)
|
||||
.spell-header {
|
||||
.weapon-img-sm {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
object-fit: contain;
|
||||
border: 1px solid @color-olive-faint;
|
||||
border-radius: 4px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dv-badge {
|
||||
background: #3a0e6b;
|
||||
color: #e8d9ff;
|
||||
|
||||
@@ -115,3 +115,47 @@
|
||||
i { font-size: 0.85em; }
|
||||
}
|
||||
}
|
||||
|
||||
// Post-roll luck button and result
|
||||
.oh-luck-btn-row {
|
||||
margin-top: 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.oh-post-luck-btn {
|
||||
background: linear-gradient(135deg, #2d6a2d 0%, #4a8c4a 100%);
|
||||
color: #e8d97a;
|
||||
border: 1px solid #3a7a3a;
|
||||
border-radius: 4px;
|
||||
padding: 4px 12px;
|
||||
font-size: 0.85em;
|
||||
cursor: pointer;
|
||||
letter-spacing: 0.03em;
|
||||
transition: filter 0.15s;
|
||||
|
||||
&:hover {
|
||||
filter: brightness(1.15);
|
||||
}
|
||||
}
|
||||
|
||||
.oh-luck-result {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-top: 6px;
|
||||
padding: 4px 8px;
|
||||
background: fade(#2d6a2d, 15%);
|
||||
border-left: 3px solid #4a8c4a;
|
||||
border-radius: 0 4px 4px 0;
|
||||
font-size: 0.85em;
|
||||
color: #2d6a2d;
|
||||
|
||||
.oh-luck-result-icon { font-size: 1.1em; }
|
||||
|
||||
.oh-luck-dice {
|
||||
display: flex;
|
||||
gap: 3px;
|
||||
flex-wrap: wrap;
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user