Files
online-energieausweis/src/style/formular.css
Robert Jagtiani f0f9ae0e24 Formular
2024-12-10 19:18:10 +01:00

45 lines
1.1 KiB
CSS

.formular-boxen{@apply w-full ring-2 ring-formular-rahmen py-4 px-0 sm:px-2 md:px-4 rounded-lg}
#formular-box{@apply bg-formular-box;}
.formular-abschnitt1{@apply text-[1.25rem] py-[1px] px-[8px] ring-2 ring-formular-rahmen rounded-md font-bold;}
.formular-abschnitt2{@apply text-[1.25rem] pl-1;}
.bereichs-label{@apply px-4 sm:px-0 mt-6 mb-3}
.bereich-box {@apply w-full ring-0 ring-formular-rahmen py-4 px-4
border-y-2 border-formular-rahmen
sm:ring-2 sm:px-2 sm:rounded-lg sm:border-none
md:px-4
;
background:linear-gradient(
135deg,
rgba(252, 234, 187, 1) 0%,
rgba(253, 235, 189, 1) 52%,
rgba(251, 223, 147, 1) 100%);
/*background: linear-gradient(
135deg,
rgba(252, 234, 187, 1) 0%,
rgba(253, 235, 189, 1) 50%,
rgba(251, 223, 147, 1) 100%
); */
}
/*
:global(input[type="number"]),
:global(input[type="text"]) {
@apply input input-bordered py-1.5 px-2 h-auto;
}
:global(input[type="number"]:disabled) {
@apply bg-gray-200 border border-gray-300;
}
:global(.linked) {
@apply border-2 border-red-400;
}
*/