mirror of
https://github.com/Cleanuparr/Cleanuparr.git
synced 2026-10-28 10:48:49 -04:00
46 lines
810 B
SCSS
46 lines
810 B
SCSS
@use 'glass' as *;
|
|
|
|
:host {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--space-1-5);
|
|
}
|
|
|
|
.textarea-label {
|
|
font-size: var(--font-size-sm);
|
|
font-weight: 500;
|
|
color: var(--text-secondary);
|
|
}
|
|
|
|
.textarea-field {
|
|
@include glass-input;
|
|
padding: var(--space-2) var(--space-3);
|
|
width: 100%;
|
|
resize: vertical;
|
|
min-height: 80px;
|
|
line-height: 1.5;
|
|
|
|
&--error {
|
|
border-color: var(--color-error) !important;
|
|
|
|
&:focus {
|
|
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
|
|
}
|
|
}
|
|
}
|
|
|
|
.textarea-error {
|
|
font-size: var(--font-size-xs);
|
|
color: var(--color-error);
|
|
}
|
|
|
|
.textarea-hint {
|
|
font-size: var(--font-size-xs);
|
|
color: var(--text-tertiary);
|
|
}
|
|
|
|
:host:focus-within .textarea-label {
|
|
color: var(--color-primary);
|
|
transition: color var(--duration-fast) var(--ease-default);
|
|
}
|