add: new price card

Added new price card design, wip
This commit is contained in:
Fiona Lena Urban 2025-04-28 21:07:04 +02:00
parent 9d686e2af2
commit 7aa21c1c19
7 changed files with 194 additions and 139 deletions

View file

@ -9,16 +9,15 @@
& label {
position: absolute;
font-size: .8em;
top: .3rem;
left: .5rem;
font-size: 1.5em;
top: .7rem;
transition: var(--transition-default);
}
& input {
all: unset;
width: calc(100% - 1rem);
font-size: 1.2em;
padding: 1.3rem .5rem .5rem .5rem;
background: var(--color-white);
@ -27,7 +26,7 @@
}
}
&:has(input:invalid) {
&.error {
border-color: var(--color-red);
outline-width: 2px;
}
@ -36,9 +35,6 @@
& input:not(:placeholder-shown) {
& + label {
color: var(--color-main);
font-size: 1em;
top: .3rem;
right: .5rem;
}
}
}