54 lines
1.5 KiB
CSS
54 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] 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;
|
|
}
|
|
*/ |