r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Improved label animation performance for Safari

Browse Source
This commit is contained in:
morethanwords 2021-01-01 22:16:10 +04:00
parent 163185d021
commit eb75d8ffef
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/scss/partials/_input.scss
View File

@ -38,11 +38,12 @@
left: 1rem;
right: auto;
z-index: 2;
top: 50%;
transform: translateY(-50%);
top: 0;
height: 1.5rem;
transform: translateY(calc((54px - 1.5rem) / 2));
background-color: #fff;
transition: .2s all, .1s opacity;
display: inline-block;
transition: .2s transform, .2s padding, .1s opacity;
transform-origin: left center;
pointer-events: none;
}
@ -124,12 +125,8 @@
}
&:focus ~ label, &:valid ~ label, &:not(:empty) ~ label, &:disabled ~ label {
top: -.5rem;
transform: none;
padding: 0 5px;
left: .75rem;
font-size: .75rem!important;
//color: #666;
transform: translate(-.215rem, -.675rem) scale(0.75);
padding: 0 6px;
opacity: 1;
}
}