Input by escannord
#e8e8e8
1.input { 2 max-width: 190px; 3} 4 5.custom_input { 6 display: flex; 7 align-items: center; 8 position: relative; 9 max-width: 100%; 10} 11 12.input { 13 font-size: 18px; 14 padding: 5px 10px; 15 width: 100%; 16 padding-left: 35px; 17 outline: none; 18 background: #ffffff; 19 color: #000000; 20 border: 1px solid #c4d1eb; 21 border-radius: 5px; 22 box-shadow: 3px 3px 2px 0px #e2e2e2; 23 transition: 0.3s ease; 24} 25 26.input:focus { 27 background: #f2f2f2; 28 border: 1px solid #5a7ec7; 29 border-radius: 10px; 30} 31 32.input::placeholder { 33 color: #dddddd; 34} 35 36.svg_icon { 37 position: absolute; 38 left: 10px; 39 fill: #4660dc; 40 width: 18px; 41 height: 18px; 42} 43
58 views
58 views
MIT License