Form by mi-series
#212121
1.forgot-password { 2 background-color: #E8EAE3; 3 max-width: 450px; 4 border-radius: 10px; 5 padding: 20px; 6 color: #000; 7 box-shadow: 0px 87px 78px -39px rgba(0,0,0,0.4); 8} 9 10.header { 11 text-align: center; 12 margin-top: 0.75rem; 13} 14 15.forgot-password .title { 16 font-size: 1.875rem; 17 font-weight: 700; 18 line-height: 1.25rem; 19 color: rgba(0, 0, 0, 1); 20} 21 22.forgot-password .sub-title { 23 margin-top: 0.4rem; 24 font-size: 1rem; 25 line-height: 1.5rem; 26} 27 28.reset-option { 29 margin-top: 1rem; 30 margin-bottom: 15px; 31} 32 33.reset-option label { 34 cursor: pointer; 35 overflow: hidden; 36 border: 2px solid rgba(229, 231, 235, 1); 37 border-radius: 0.375rem; 38 background-color: #F7F7F7; 39 display: flex; 40 align-items: center; 41 justify-content: space-between; 42 padding: 1rem .4rem; 43 margin: 10px 0; 44 transform: all .15s ease; 45} 46 47.reset-option label .reset-info { 48 display: flex; 49 flex-direction: column; 50 margin-left: 10px; 51} 52 53.reset-title { 54 font-size: 1.25rem; 55 line-height: 1.75rem; 56 font-weight: 600; 57 color: rgba(0, 0, 0, 1); 58} 59 60.reset-sub-title { 61 font-size: 0.875rem; 62 line-height: 1.25rem; 63} 64 65.reset-option input:checked + label { 66 border-color: #FA2742; 67} 68 69.send-btn { 70 text-decoration: none; 71 width: 100%; 72 display: inline-flex; 73 align-items: center; 74 justify-content: center; 75 border-radius: 0.375rem; 76 background-color: #FA2742; 77 padding: 1rem 3rem; 78 font-weight: 600; 79 color: #000; 80 transform: all .15s ease; 81} 82 83.send-btn:hover { 84 opacity: .9; 85} 86 87.reset-option input { 88 display: none; 89} 90 91.resend { 92 color: #FA2742; 93 font-weight: 600; 94}
546 views
546 views
MIT License