1.6K views
1.coolinput { 2 display: flex; 3 flex-direction: column; 4 width: fit-content; 5 position: static; 6 max-width: 240px; 7} 8 9.coolinput label.text { 10 font-size: 0.75rem; 11 color: #818CF8; 12 font-weight: 700; 13 position: relative; 14 top: 0.5rem; 15 margin: 0 0 0 7px; 16 padding: 0 3px; 17 background: #e8e8e8; 18 width: fit-content; 19} 20 21.coolinput input[type=text].input { 22 padding: 11px 10px; 23 font-size: 0.75rem; 24 border: 2px #818CF8 solid; 25 border-radius: 5px; 26 background: #e8e8e8; 27} 28 29.coolinput input[type=text].input:focus { 30 outline: none; 31}
MIT License