add: new price card
Added new price card design, wip
This commit is contained in:
parent
9d686e2af2
commit
7aa21c1c19
7 changed files with 194 additions and 139 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue