mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-06-06 12:54:16 +02:00
Add trait header colors and shadow contrast
This commit is contained in:
parent
988dc82c36
commit
b96c71fab6
5 changed files with 24 additions and 14 deletions
|
|
@ -226,7 +226,6 @@
|
|||
padding-left: 0.5rem;
|
||||
|
||||
.trait {
|
||||
--color-border: light-dark(@semi-transparent-dark-blue, @golden-60);
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
|
||||
|
|
@ -238,10 +237,10 @@
|
|||
|
||||
.trait-name {
|
||||
position: relative;
|
||||
background-color: light-dark(@semi-transparent-dark-blue, @golden-40);
|
||||
border: 1px solid var(--color-border);
|
||||
background-color: @trait-color-bg;
|
||||
border: 1px solid @trait-color-border;
|
||||
border-radius: 3px;
|
||||
color: light-dark(var(--color-light-1), @golden);
|
||||
color: @color-text-emphatic;
|
||||
font-size: var(--font-size-12);
|
||||
font-weight: 600;
|
||||
height: 1rem;
|
||||
|
|
@ -250,7 +249,7 @@
|
|||
width: 100%;
|
||||
padding: 0 0.1876px 0 0.375rem;
|
||||
margin-right: 0.125rem; /* makes it center SLIGHTLY */
|
||||
text-shadow: 1px 1px 2px @light-black;
|
||||
text-shadow: 1px 1px 3px @color-text-shadow-contrast;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -279,6 +278,7 @@
|
|||
}
|
||||
|
||||
.trait-value-area {
|
||||
--color-border: @trait-color-border;
|
||||
--background: light-dark(#e8e6e3, @dark-blue);
|
||||
display: flex;
|
||||
position: relative;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue