@winner-fed/wui-theme-redness
Version:
Wui component redness theme.
1 lines • 1.45 kB
CSS
.win-password-input{position:relative;margin:0 16px;-webkit-user-select:none;user-select:none}.win-password-input__error-info,.win-password-input__info{margin-top:16px;font-size:14px;text-align:center}.win-password-input__info{color:#969799}.win-password-input__error-info{color:#e3454b}.win-password-input__security{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;height:50px;cursor:pointer}.win-password-input__security::after{border-radius:6px}.win-password-input__security li{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:100%;font-size:20px;line-height:1.2;background-color:#fff}.win-password-input__security i{position:absolute;top:50%;left:50%;width:10px;height:10px;background-color:#000;border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:hidden}.win-password-input__cursor{position:absolute;top:50%;left:50%;width:1px;height:40%;background-color:#323233;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation:1s win-cursor-flicker infinite;animation:1s win-cursor-flicker infinite}@-webkit-keyframes win-cursor-flicker{100%,from{opacity:0}50%{opacity:1}}@keyframes win-cursor-flicker{100%,from{opacity:0}50%{opacity:1}}