daggerheart/styles/less/dialog/multiclass-choice/sheet.less
WBHarry e1d8f8784a
[Feature] Manual Character Editing (#490)
* Initial

* Added Character-Settings

* Finalized Character-Settings

* Hide CharacterSetup if any part is done manually

* Fixed class/subclass drag-drop

* Fixed relinking of Features from items created on Character

* Adding features on CharacterItems now adds them on the Character and relinks

* Made suggested items inactive in the Class sheet if rendered from inside a Character

* Added hope to CharacterSetting

* add style to textarea element, add spellcasting and domain class into char sheet and move rest buttons to another place

* Fixed characterCreation experience description

---------

Co-authored-by: moliloo <dev.murilobrito@gmail.com>
2025-08-01 12:16:35 -03:00

76 lines
2.2 KiB
Text

.theme-light .daggerheart.dh-style.dialog.multiclass-choice {
.multiclass-container .domain-choice-container button label {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
}
.daggerheart.dh-style.dialog.multiclass-choice {
.multiclass-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
.multiclass-explanation {
margin-top: 0;
font-style: italic;
}
.multiclass-domains-container {
display: flex;
gap: 16px;
.domain-choice-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
button {
position: relative;
display: flex;
justify-content: center;
width: 120px;
height: 120px;
background: light-dark(@dark-blue-10, @golden-10);
color: light-dark(@dark-blue, @golden);
&.selected {
background: light-dark(@dark-blue-40, @golden-40);
}
label {
position: absolute;
top: 4px;
font-family: @font-body;
border-radius: 6px;
border: 2px solid;
padding: 0 2px;
background-image: url(../assets/parchments/dh-parchment-dark.png);
color: light-dark(@dark, @beige);
}
}
.domain-description {
width: 240px;
display: flex;
flex-wrap: wrap;
font-style: italic;
border: 1px solid light-dark(@dark-blue, @golden);
border-radius: 6px;
padding: 4px 4px;
}
}
}
footer {
width: 100%;
display: flex;
gap: 8px;
button {
flex: 1;
}
}
}
}