66 lines
1.4 KiB
CSS
66 lines
1.4 KiB
CSS
.form-message {
|
|
border: 1px solid color-mix(in srgb, var(--color) 90%, black);
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
background-color: color-mix(in srgb, var(--color) 10%, white);
|
|
color: color-mix(in srgb, var(--color) 31%, black);
|
|
animation: form-message 400ms;
|
|
animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
|
|
}
|
|
|
|
body:not(*:has(.jdd-container)) .form-container {
|
|
container-type: inline-size;
|
|
|
|
.form {
|
|
.form-input__wrapper--file:not(.form-input__wrapper--control-type__photo) {
|
|
grid-row: span 2;
|
|
display: grid;
|
|
grid-template-columns: min-content 1fr;
|
|
grid-template-rows: min-content min-content;
|
|
|
|
& > label {
|
|
grid-row: 1/3;
|
|
}
|
|
}
|
|
|
|
.form-input--type-checkboxed-list,
|
|
.form-input__wrapper--type--table {
|
|
ul {
|
|
padding-left: 0;
|
|
|
|
li {
|
|
list-style: none;
|
|
}
|
|
}
|
|
|
|
&.form-input__wrapper--options-count--5-or-more {
|
|
grid-row: span 2;
|
|
}
|
|
|
|
&.form-input__wrapper--options-count--10-or-more {
|
|
grid-row: span 3;
|
|
}
|
|
|
|
&.form-input__wrapper--options-count--15-or-more {
|
|
grid-row: span 4;
|
|
}
|
|
|
|
&.form-input__wrapper--options-count--20-or-more {
|
|
grid-row: span 5;
|
|
|
|
ul,
|
|
.table__wrapper {
|
|
max-height: 424px;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
.form-input__wrapper--title,
|
|
.form-input__wrapper--subtitle,
|
|
.form-input:has(textarea) {
|
|
grid-column: span var(--column-count);
|
|
}
|
|
}
|
|
}
|