[FEATURE] #149 - New style for character sheets (#172)

* new style for character sheets

* Added nowrap on level label

---------

Co-authored-by: WBHarry <williambjrklund@gmail.com>
This commit is contained in:
Murilo Brito 2025-06-24 10:59:31 -03:00 committed by GitHub
parent f133b3b966
commit 56c4a2805f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
42 changed files with 2399 additions and 110 deletions

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);