mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-12 11:41:08 +01:00
166 - Damage Reduction (#180)
* Temp * Fixed Stress Reductions * Changed from index based to object
This commit is contained in:
parent
e1dd59454c
commit
5dafdaafcd
33 changed files with 1688 additions and 1013 deletions
|
|
@ -3115,6 +3115,125 @@ div.daggerheart.views.multiclass {
|
|||
.daggerheart.views.ownership-selection .ownership-outer-container .ownership-container select {
|
||||
margin: 4px 0;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .window-content {
|
||||
padding: 8px 0;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .section-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .padded {
|
||||
padding: 0 8px;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .armor-title {
|
||||
margin: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .resources-container {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
width: 100%;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .resources-container .resource-container {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner {
|
||||
display: flex;
|
||||
gap: 2px;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner:not(:last-child) {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container {
|
||||
cursor: pointer;
|
||||
border: 1px solid light-dark(#18162e, #f3c267);
|
||||
border-radius: 6px;
|
||||
height: 26px;
|
||||
padding: 0 1px;
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
opacity: 0.4;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.selected {
|
||||
opacity: 1;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container.inactive {
|
||||
cursor: initial;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .mark-selection .mark-selection-inner .mark-container .fa-shield {
|
||||
position: relative;
|
||||
right: 0.5px;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction {
|
||||
border: 1px solid light-dark(#18162e, #f3c267);
|
||||
border-radius: 6px;
|
||||
height: 26px;
|
||||
padding: 0 4px;
|
||||
font-size: 18px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
opacity: 0.4;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.active {
|
||||
opacity: 1;
|
||||
cursor: pointer;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction.selected {
|
||||
opacity: 1;
|
||||
background: var(--color-warm-2);
|
||||
color: white;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .stress-reduction-container .stress-reduction .stress-reduction-cost {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle {
|
||||
margin: -4px 0 0 0;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container .markers-subtitle.bold {
|
||||
font-variant: all-small-caps;
|
||||
font-weight: bold;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container footer {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container footer button {
|
||||
flex: 1;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value {
|
||||
font-weight: bold;
|
||||
}
|
||||
.daggerheart.views.damage-reduction .damage-reduction-container footer button .damage-value.reduced-value {
|
||||
opacity: 0.4;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
:root {
|
||||
--shadow-text-stroke: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
|
||||
--fear-animation: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, opacity 0.3s ease;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue