Input by LILightAndy1
#212121
1.group { 2 display: flex; 3 line-height: 28px; 4 align-items: center; 5 position: relative; 6 max-width: 190px; 7} 8 9.input { 10 font-family: "Montserrat", sans-serif; 11 width: 100%; 12 height: 45px; 13 padding-left: 2.5rem; 14 box-shadow: 0 0 0 1.5px #2b2c37, 0 0 25px -17px #000; 15 border: 0; 16 border-radius: 12px; 17 background-color: #16171d; 18 outline: none; 19 color: #bdbecb; 20 transition: all 0.25s cubic-bezier(0.19, 1, 0.22, 1); 21 cursor: text; 22 z-index: 0; 23} 24 25.input::placeholder { 26 color: #bdbecb; 27} 28 29.input:hover { 30 box-shadow: 0 0 0 2.5px #2f303d, 0px 0px 25px -15px #000; 31} 32 33.input:active { 34 transform: scale(0.95); 35} 36 37.input:focus { 38 box-shadow: 0 0 0 2.5px #2f303d; 39} 40 41.search-icon { 42 position: absolute; 43 left: 1rem; 44 fill: #bdbecb; 45 width: 1rem; 46 height: 1rem; 47 pointer-events: none; 48 z-index: 1; 49} 50
5.2K views
MIT License