66 lines
1.5 KiB
CSS
66 lines
1.5 KiB
CSS
#formular-box {
|
|
@apply bg-white;
|
|
}
|
|
|
|
.formular-boxen {
|
|
@apply w-full ring-2 ring-formular-rahmen py-4 px-0 sm:px-2 md:px-4 rounded-lg;
|
|
}
|
|
|
|
.formular-abschnitt1 {
|
|
@apply text-[1.25rem] py-[1px] px-[10px] ml-[2px] text-secondary/80 bg-black/15 ring-2 ring-black/30 rounded-sm font-bold;
|
|
}
|
|
.formular-abschnitt2 {
|
|
@apply [font-size:_clamp(16px,1vw,28px)] pl-1 justify-self-start
|
|
md:[font-size:_clamp(20px,1.25vw,36px)];
|
|
}
|
|
|
|
.bereichs-label {
|
|
@apply px-4 sm:px-0 mt-6 mb-3;
|
|
}
|
|
|
|
.collapseBereich {
|
|
@apply transition-all ease-in-out duration-200 h-[auto];
|
|
}
|
|
.bereich-box {
|
|
@apply w-full bg-gray-500/10 rounded-sm xl:rounded-md border-2 border-gray-500/15 pt-6 pb-8 px-4;
|
|
|
|
transform-origin: top center;
|
|
/*background: linear-gradient(
|
|
135deg,
|
|
rgba(252, 234, 187, 1) 0%,
|
|
rgba(253, 235, 189, 1) 50%,
|
|
rgba(251, 223, 147, 1) 100%
|
|
|
|
); */
|
|
}
|
|
|
|
.input-standard {
|
|
@apply w-full grid grid-cols-[1fr_25px] items-center relative mt-2;
|
|
}
|
|
.input-noHelp {
|
|
@apply w-full grid grid-cols-[1fr] items-center relative mt-2;
|
|
}
|
|
.input-checkboxen {
|
|
@apply h-[38px] grid grid-cols-[1fr_1fr] gap-2 items-center ring-1 ring-black/15 rounded-sm bg-white;
|
|
}
|
|
|
|
.input-row {
|
|
@apply w-full min-h-[38px] grid grid-cols-[1fr_1fr] sm:grid-cols-[1fr_1fr_1fr_1fr] items-center py-[6px] px-[10px] ring-1 ring-black/15 rounded-sm bg-white;
|
|
}
|
|
|
|
.help-label {
|
|
@apply bg-black/15 rounded-e-sm ring-1 ring-black/15 self-stretch;
|
|
}
|
|
|
|
/*
|
|
|
|
|
|
:global(input[type="number"]:disabled) {
|
|
@apply bg-gray-200 border border-gray-300;
|
|
}
|
|
|
|
:global(.linked) {
|
|
@apply border-2 border-red-400;
|
|
}
|
|
*/
|