IBCornelsen/online-energieausweis
1
0
Fork 0
Code Issues 272 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Ausweis und weitere Änderungen

Browse Source
This commit is contained in:
Moritz Utcke
2025-02-18 18:17:02 +11:00
parent 8486421f12
commit c8ba17fab3
38 changed files with 1771 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/style/formular.css
View File

@@ -1,22 +1,28 @@
#formular-box {
@apply bg-white;
}
#formular-box{@apply bg-white;}
.formular-boxen {
@apply w-full ml-[2px] ring-2 ring-formular-rahmen py-4 px-0 sm:px-2 md:px-4 rounded-lg;
}
.formular-boxen{@apply w-full ml-[2px] 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;
}
.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;
.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(
@@ -28,18 +34,23 @@
); */
}
.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;
}
.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}
.help-label {
@apply bg-black/15 rounded-e-sm ring-1 ring-black/15 self-stretch;
}
/*
@@ -51,4 +62,4 @@
:global(.linked) {
@apply border-2 border-red-400;
}
*/
*/