add style to textarea element, add spellcasting and domain class into char sheet and move rest buttons to another place

This commit is contained in:
moliloo 2025-08-01 01:12:42 -03:00
parent 870fb32c40
commit ea40be45d3
7 changed files with 196 additions and 69 deletions

View file

@ -5,22 +5,26 @@
border: 1px solid light-dark(@dark-blue, @golden);
input[type='text'],
input[type='number'] {
input[type='number'],
textarea {
background: light-dark(transparent, transparent);
border-radius: 6px;
box-shadow: 0 4px 30px @soft-shadow;
backdrop-filter: blur(9.5px);
-webkit-backdrop-filter: blur(9.5px);
outline: none;
outline: 2px solid transparent;
color: light-dark(@dark-blue, @golden);
border: 1px solid light-dark(@dark, @beige);
transition: all 0.3s ease;
&::placeholder {
color: light-dark(@dark-40, @beige-50);
}
&:hover,
&:hover[type='text'],
&:hover[type='number'],
&:focus,
&:focus[type='text'],
&:focus[type='number'] {
background: light-dark(@soft-shadow, @semi-transparent-dark-blue);
@ -70,6 +74,13 @@
}
}
textarea {
color: light-dark(@dark, @beige);
font-family: @font-body;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
button {
background: light-dark(transparent, @golden);
border: 1px solid light-dark(@dark-blue, @dark-blue);