mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-07-24 11:29:54 +02:00
Styling pass for scrollbars, fieldsets, and scroll shadows
This commit is contained in:
parent
1ebbad4797
commit
a15b82df36
37 changed files with 355 additions and 278 deletions
|
|
@ -45,8 +45,12 @@
|
|||
|
||||
.item-main {
|
||||
border-radius: 5px;
|
||||
|
||||
// Make hover extend out of bounds.
|
||||
// Because of this extra spacing, the scroll container parent needs some padding
|
||||
padding: 2px;
|
||||
margin: -2px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
|
@ -271,6 +275,50 @@
|
|||
grid-area: labels;
|
||||
}
|
||||
}
|
||||
|
||||
.item-buttons {
|
||||
grid-column: span 3;
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.item-button {
|
||||
display: flex;
|
||||
border: 1px solid light-dark(#18162e, #18162e);
|
||||
color: light-dark(#18162e, #18162e);
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
border-radius: 6px;
|
||||
|
||||
button {
|
||||
border-radius: 3px 0px 0px 3px;
|
||||
color: light-dark(@dark-blue, @dark-blue);
|
||||
white-space: nowrap;
|
||||
border: 0;
|
||||
|
||||
&:hover {
|
||||
color: @color-text-emphatic;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
padding: 6px;
|
||||
background: light-dark(@dark-blue-10, @golden-secondary);
|
||||
border-radius: 0px 3px 3px 0px;
|
||||
color: light-dark(@dark-blue, @dark-golden);
|
||||
|
||||
&:hover {
|
||||
background: light-dark(@light-black, @dark-blue);
|
||||
color: light-dark(@dark-blue, @golden-secondary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.spacer {
|
||||
border-right: 1px solid black;
|
||||
content: '';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-item {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue