@studiocms/ui
Version:
The UI library for StudioCMS. Includes the layouts & components we use to build StudioCMS.
50 lines (49 loc) • 978 B
CSS
.sui-textarea-label {
display: flex;
flex-direction: column;
gap: .25rem;
max-width: 80ch;
}
.sui-textarea-label.disabled {
opacity: 0.5;
pointer-events: none;
color: hsl(var(--text-muted));
}
.sui-textarea-label.full-width {
width: 100%;
max-width: none;
}
.sui-textarea-label.full-height {
height: 100%;
}
.label {
font-size: 14px;
}
.sui-textarea {
padding: .65rem;
border-radius: var(--radius-md);
border: 1px solid hsl(var(--border));
background: hsl(var(--background-step-2));
color: hsl(var(--text-normal));
transition: all .15s ease;
resize: none;
min-height: 12ch;
width: 100%;
height: 100%;
}
.sui-textarea:hover {
background: hsl(var(--background-step-3));
}
.resize .sui-textarea {
resize: both;
}
.sui-textarea:active,
.sui-textarea:focus {
border: 1px solid hsl(var(--primary-base));
outline: none;
background: hsl(var(--background-step-2));
}
.req-star {
color: hsl(var(--danger-base));
font-weight: 700;
}