mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-03-07 14:36:13 +01:00
116 lines
2.9 KiB
Text
116 lines
2.9 KiB
Text
#tooltip.bordered-tooltip,
|
|
.locked-tooltip.bordered-tooltip {
|
|
border: 1px solid @golden;
|
|
background-image: url('../assets/parchments/dh-parchment-dark.png');
|
|
|
|
.daggerheart.dh-style.tooltip {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: start;
|
|
text-align: start;
|
|
width: 100%;
|
|
gap: 5px;
|
|
padding: 0px;
|
|
border-radius: 3px;
|
|
|
|
.tooltip-header {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
text-align: start;
|
|
padding: 5px;
|
|
gap: 0px;
|
|
|
|
h2 {
|
|
display: flex;
|
|
justify-content: start;
|
|
font-size: var(--font-size-20);
|
|
color: @golden;
|
|
font-weight: 700;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.subtitle {
|
|
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 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
margin-top: 0.5rem;
|
|
width: 100%;
|
|
|
|
&::before,
|
|
&::after {
|
|
content: '';
|
|
background: var(--golden, #f3c267);
|
|
mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
|
|
height: 2px;
|
|
width: calc(100% - 10px);
|
|
}
|
|
|
|
&::before {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
&::after {
|
|
margin-top: 8px;
|
|
}
|
|
|
|
.duration-inner-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 2px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|