64 lines
No EOL
1.1 KiB
SCSS
64 lines
No EOL
1.1 KiB
SCSS
.item--custom:not(.style-v3),
|
|
.actor--mob:not(.style-v3) {
|
|
input {
|
|
border: 2px solid black;
|
|
background: none;
|
|
box-shadow: none;
|
|
height: unset;
|
|
|
|
&.left { text-align: left; }
|
|
&.center { text-align: center; }
|
|
&.right { text-align: right; }
|
|
|
|
&:focus {
|
|
transform: scale(102%);
|
|
}
|
|
}
|
|
|
|
label.masked-input.masked-input {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
transition: all ease-in-out 50ms;
|
|
border: 2px solid black;
|
|
border-radius: 4px;
|
|
gap: 4px;
|
|
padding: 4px;
|
|
|
|
&:focus-within {
|
|
transform: scale(102%);
|
|
}
|
|
|
|
> input {
|
|
border: none;
|
|
background: none;
|
|
border-radius: 0;
|
|
border: none;
|
|
&:focus, &:focus-visible {
|
|
box-shadow: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
label.masked-textarea.masked-textarea {
|
|
display: flex;
|
|
flex-direction: column;
|
|
transition: all ease-in-out 50ms;
|
|
border: 2px solid black;
|
|
border-radius: 4px;
|
|
gap: 4px;
|
|
padding: 4px;
|
|
|
|
&:focus-within {
|
|
transform: scale(102%);
|
|
}
|
|
|
|
textarea {
|
|
flex-grow: 1;
|
|
resize: none;
|
|
border: none;
|
|
box-shadow: none;
|
|
background: none;
|
|
}
|
|
}
|
|
} |