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

new style for character sheets

Browse source
This commit is contained in:
moliloo 2025-06-20 02:24:42 -03:00
parent f133b3b966
commit 970de74929
42 changed files with 2392 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

39
styles/less/global/elements.less
View file

@ -84,19 +84,40 @@
margin: 0;
}
a:hover,
a.active {
text-shadow: 0 0 8px light-dark(@dark-blue, @golden);
}
fieldset {
align-items: center;
margin-top: 5px;
border-radius: 6px;
border-color: light-dark(@dark-blue, @golden);
&.glassy {
background-color: light-dark(@dark-blue-10, @golden-10);
border-color: transparent;
legend {
padding: 2px 12px;
border-radius: 3px;
background-color: light-dark(@dark-blue, @golden);
color: light-dark(@beige, @dark-blue);
}
}
&.flex {
display: flex;
gap: 20px;
}
&.one-column {
display: flex;
flex-direction: column;
align-items: start;
gap: 10px;
min-height: 64px;
width: 100%;
}
&.two-columns {
@ -117,10 +138,6 @@
font-family: @font-body;
font-weight: bold;
color: light-dark(@dark-blue, @golden);
a {
text-shadow: none;
}
}
input[type='text'],
@ -169,6 +186,18 @@
mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
}
side-line-div {
display: block;
height: 1px;
width: 100%;
border-bottom: 1px solid light-dark(@dark-blue, @golden);
mask-image: linear-gradient(270deg, transparent 0%, black 100%);
&.invert {
mask-image: linear-gradient(270deg, black 0%, transparent 100%);
}
}
.item-description {
opacity: 1;
transform: translateY(0);