mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-11 19:25:21 +01:00
Feature/enhance style applications (#390)
* enhance settings style applications * enhance beastform application and fix action selection style * Start-aligned downtime move fieldsets * requested changes * fixing continue button style * fixing double scroll bars in char sheet * set currency above item list * fix experience not appearing in sidebar --------- Co-authored-by: WBHarry <williambjrklund@gmail.com>
This commit is contained in:
parent
3d723e7d8c
commit
2721dfe417
33 changed files with 823 additions and 154 deletions
|
|
@ -15,6 +15,10 @@
|
|||
color: light-dark(@dark-blue, @golden);
|
||||
border: 1px solid light-dark(@dark, @beige);
|
||||
|
||||
&::placeholder {
|
||||
color: light-dark(@dark-40, @beige-50);
|
||||
}
|
||||
|
||||
&:hover[type='text'],
|
||||
&:hover[type='number'],
|
||||
&:focus[type='text'],
|
||||
|
|
@ -48,6 +52,24 @@
|
|||
}
|
||||
}
|
||||
|
||||
input[type='range'] {
|
||||
&::-webkit-slider-runnable-track {
|
||||
background: light-dark(@dark-blue-40, @golden-40);
|
||||
}
|
||||
&::-moz-range-track {
|
||||
background: light-dark(@dark-blue-40, @golden-40);
|
||||
}
|
||||
&::-webkit-slider-thumb {
|
||||
background: light-dark(@dark-blue, @golden);
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 0 8px light-dark(@dark-blue, @golden);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
background: light-dark(transparent, @golden);
|
||||
border: 1px solid light-dark(@dark-blue, @dark-blue);
|
||||
|
|
@ -296,6 +318,31 @@
|
|||
}
|
||||
}
|
||||
|
||||
.scalable-input {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
|
||||
.form-group {
|
||||
width: fit-content;
|
||||
.nest-inputs {
|
||||
width: fit-content;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
font-family: @font-body;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
|
||||
&.modifier-label {
|
||||
width: 6ch;
|
||||
text-align: end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:has(.list-w-img) {
|
||||
gap: 0;
|
||||
}
|
||||
|
|
@ -413,6 +460,7 @@
|
|||
|
||||
label {
|
||||
font-size: 16px;
|
||||
font-family: @font-body;
|
||||
}
|
||||
|
||||
.form-fields {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue