#e8e8e8
1.input { 2 max-width: 190px; 3 height: 44px; 4 background-color: #05060f0a; 5 border-radius: .5rem; 6 padding: 0 1rem; 7 border: 2px solid transparent; 8 font-size: 1rem; 9 transition: border-color .3s cubic-bezier(.25,.01,.25,1) 0s, color .3s cubic-bezier(.25,.01,.25,1) 0s,background .2s cubic-bezier(.25,.01,.25,1) 0s; 10} 11 12.label { 13 display: block; 14 margin-bottom: .3rem; 15 font-size: .9rem; 16 font-weight: bold; 17 color: #05060f99; 18 transition: color .3s cubic-bezier(.25,.01,.25,1) 0s; 19} 20 21.input:hover, .input:focus, .input-group:hover .input { 22 outline: none; 23 border-color: #05060f; 24} 25 26.input-group:hover .label, .input:focus { 27 color: #05060fc2; 28}
15K views
15K views
Comments
MIT License