#212121
1.password-label { 2 box-sizing: border-box; 3 display: flex; 4 align-items: center; 5 position: relative; 6} 7 8.password-label svg { 9 width: 15px; 10 height: auto; 11 color: #7c7c7c; 12} 13 14.password-label input { 15 width: 100%; 16 outline: none; 17 background: none; 18 border: 1px solid transparent; 19 color: #8b8b8b; 20 background: #3D3D3D; 21 border-radius: 12px; 22 padding: 9px 30px 9px 9px; 23 transition: .2s; 24} 25 26.password-label input:hover, 27.password-label input:focus { 28 border-color: #868686; 29} 30 31.password-label input:valid { 32 background: #344b3a; 33 border: 1px solid #00FF29; 34 color: #00FF29; 35} 36 37.password-label input:valid~.open { 38 display: none; 39} 40 41.password-label input:valid~.close { 42 display: block; 43} 44 45.password-label svg { 46 position: absolute; 47 right: 9px; 48} 49 50.close { 51 display: none; 52}
955 views
955 views
Comments
MIT License