label { font-family: $Josef; font-size: 1.5rem; line-height: 5.2rem; position: absolute; left: 22px; color: $black; z-index: 1; transition: transform .15s ease-out, font-size .15s ease-out; } &.focused { label { top: 0px; transform: translateY(5%); line-height: 1.5rem; font-size: 1.2rem; color: $black; } }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter