#e8e8e8
1.InputContainer { 2 height: 40px; 3 display: flex; 4 align-items: center; 5 justify-content: center; 6 background-color: rgb(255, 255, 255); 7 border-radius: 10px; 8 overflow: hidden; 9 cursor: pointer; 10 padding-left: 15px; 11 box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.075); 12} 13 14.input { 15 width: 170px; 16 height: 100%; 17 border: none; 18 outline: none; 19 font-size: 0.9em; 20 caret-color: rgb(255, 81, 0); 21} 22 23.labelforsearch { 24 cursor: text; 25 padding: 0px 12px; 26} 27 28.searchIcon { 29 width: 13px; 30} 31 32.border { 33 height: 40%; 34 width: 1.3px; 35 background-color: rgb(223, 223, 223); 36} 37 38.micIcon { 39 width: 12px; 40} 41 42.micButton { 43 padding: 0px 15px 0px 12px; 44 border: none; 45 background-color: transparent; 46 height: 40px; 47 cursor: pointer; 48 transition-duration: .3s; 49} 50 51.searchIcon path { 52 fill: rgb(114, 114, 114); 53} 54 55.micIcon path { 56 fill: rgb(255, 81, 0); 57} 58 59.micButton:hover { 60 background-color: rgb(255, 230, 230); 61 transition-duration: .3s; 62}
2.2K views
2.2K views
Comments
MIT License