bitque/crates/web/js/css/styledTextArea.scss

28 lines
722 B
SCSS

.styledTextArea {
display: inline-block;
width: 100%;
>textarea {
overflow-y: hidden;
width: 100%;
padding: 8px 12px 9px;
border-radius: 3px;
border: 1px solid var(--borderLightest);
color: var(--textDarkest);
background: var(--backgroundLightest);
font-family: var(--font-regular);
font-weight: normal;
font-size: 15px;
resize: vertical;
&:focus {
background: #fff;
border: 1px solid var(--borderInputFocus);
box-shadow: 0 0 0 1px var(--borderInputFocus);
}
}
>textarea.invalid {
&:focus {
border: 1px solid var(--danger);
}
}
}