cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-06-07 05:14:16 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Smooth gradient for headers

Browse source
This commit is contained in:
Carlos Fernandez 2026-05-24 21:02:56 -04:00
parent 0a45b75df5
commit 799ecb86e6
6 changed files with 124 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

13
styles/less/sheets/actors/companion/header.less
View file

@ -11,7 +11,7 @@
.profile {
height: 235px;
cursor: pointer;
mask-image: linear-gradient(0deg, transparent 0%, black 12%);
.smooth-gradient-ease-in-out(mask-image, to top, black, 2.25rem);
}
.actor-name {
@ -24,14 +24,17 @@
margin-bottom: -30px;
input[type='text'] {
background-color: light-dark(@dark-15, @light-black);
border: 1px solid transparent;
backdrop-filter: none;
border: none;
font-family: @font-title;
font-size: var(--font-size-24);
outline: 2px solid transparent;
box-shadow: unset;
text-shadow: 0 0 4px light-dark(white, @dark-80), 0 0 8px light-dark(white, @dark-80), 0 0 14px light-dark(white, @dark-80);
height: 2rem;
text-align: center;
outline: 2px solid transparent;
transition: all 0.3s ease;
text-shadow: 1px 1px 2px light-dark(@soft-white-shadow, @light-black);
&:hover {
outline: 2px solid light-dark(@dark, @golden);