Leave the label always to the same position on the left
This commit is contained in:
parent
c84f3f9e80
commit
c7e34cc488
|
@ -267,14 +267,13 @@ input[type="text"], input[type="password"], input[type="email"], select {
|
||||||
.input input:placeholder-shown ~ label {
|
.input input:placeholder-shown ~ label {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
background-color: initial;
|
background-color: initial;
|
||||||
left: 2rem;
|
|
||||||
top: 1rem;
|
top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input label, .input input:focus ~ label {
|
.input label, .input input:focus ~ label {
|
||||||
background-color: var(--numerus--background-color);
|
background-color: var(--numerus--background-color);
|
||||||
top: -.9rem;
|
top: -.9rem;
|
||||||
left: 1rem;
|
left: 2rem;
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
padding: 0 .25rem;
|
padding: 0 .25rem;
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
|
|
Loading…
Reference in New Issue