daggerheart/styles/less/ui/settings/appearance-settings/diceSoNice.less
WBHarry 8172e8baa7
[Feature] DualityDice DiceSoNice Animations (#1722)
* .

* Fixed translation

* Remove fieldset

* DiceSoNice Animation Overrides (#1726)

* .

* .

* Fixed hope/fear animation input

* Visual tweaks to general tab

* Move general tab to top

* Fixed localizaiton

---------

Co-authored-by: Carlos Fernandez <cfern1990@gmail.com>
2026-03-13 00:15:52 +01:00

72 lines
1.4 KiB
Text

.daggerheart.dh-style.setting.appearance-settings {
.tab.active[data-tab='diceSoNice'] {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.diceSoNice-footer {
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 8px;
margin-top: 32px;
label {
text-align: center;
}
select {
grid-column: span 2;
}
}
.title-hint {
font-size: var(--font-size-14);
font-variant: small-caps;
text-align: center;
}
.split-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
> label {
grid-column: span 2;
text-align: center;
font-size: var(--font-size-18);
font-weight: bold;
}
}
.field-section {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 4px;
width: 100%;
padding: 0 8px;
}
.label-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
&.full-width {
grid-template-columns: 1fr 1fr 1fr 1fr;
select {
grid-column: span 3;
}
}
label {
align-self: center;
text-align: center;
white-space: nowrap;
}
}
}