Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
50 lines
862 B
Plaintext
50 lines
862 B
Plaintext
@import '../../scss/styles.scss';
|
|
|
|
@layer payload-default {
|
|
.field-type.textarea {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
textarea {
|
|
@include formInput();
|
|
overflow-y: auto;
|
|
resize: vertical;
|
|
min-height: base(3);
|
|
height: auto;
|
|
display: flex;
|
|
}
|
|
|
|
textarea:not(:empty) {
|
|
field-sizing: content;
|
|
min-height: calc(var(--rows) * var(--base) + var(--base) * 0.8 + 2px);
|
|
}
|
|
|
|
&.read-only {
|
|
.textarea-outer {
|
|
@include readOnly;
|
|
}
|
|
}
|
|
}
|
|
|
|
html[data-theme='light'] {
|
|
.field-type.textarea {
|
|
&.error {
|
|
textarea {
|
|
@include lightInputError;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
html[data-theme='dark'] {
|
|
.field-type.textarea {
|
|
&.error {
|
|
textarea {
|
|
@include darkInputError;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|