mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-03-07 14:36:13 +01:00
Added the ability for effects to have stacks
This commit is contained in:
parent
4aab5d315a
commit
79057b0718
11 changed files with 187 additions and 18 deletions
|
|
@ -460,6 +460,10 @@
|
|||
&.even {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
}
|
||||
|
||||
&.full-width {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
line-div {
|
||||
|
|
|
|||
|
|
@ -35,6 +35,19 @@
|
|||
color: @golden;
|
||||
filter: drop-shadow(0 0 3px black);
|
||||
}
|
||||
|
||||
.stacking-value {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
right: 4px;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
color: @golden;
|
||||
background: black;
|
||||
padding: 1px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid @golden;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,6 +6,7 @@
|
|||
.daggerheart.dh-style.tooltip {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
text-align: start;
|
||||
width: 100%;
|
||||
gap: 5px;
|
||||
|
|
@ -13,6 +14,7 @@
|
|||
border-radius: 3px;
|
||||
|
||||
.tooltip-header {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
|
@ -35,12 +37,48 @@
|
|||
}
|
||||
}
|
||||
|
||||
.close-hint {
|
||||
border-radius: 3px;
|
||||
padding: 3px;
|
||||
background: @rustic-brown-80;
|
||||
color: @golden;
|
||||
font-size: 12px;
|
||||
.effect-stacks-outer-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
width: 100%;
|
||||
|
||||
.effect-stacks-title {
|
||||
font-size: var(--font-size-20);
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.effect-stacks-container {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
.effect-stacks-inner-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
|
||||
.effect-stack-title {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.close-hints {
|
||||
margin-top: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
|
||||
.close-hint {
|
||||
border-radius: 3px;
|
||||
padding: 3px;
|
||||
background: @rustic-brown-80;
|
||||
color: @golden;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.duration-container {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue