initial commit
This commit is contained in:
+52
@@ -0,0 +1,52 @@
|
||||
.strength-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.strength-container .strength-input {
|
||||
width: 100%;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.strength-container .strength-meter {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
right: 6px;
|
||||
width: 4px;
|
||||
height: 70%;
|
||||
overflow: hidden;
|
||||
background-color: #ccc;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.strength-container .strength-score {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
color: transparent;
|
||||
transition: width .6s ease 0s;
|
||||
}
|
||||
|
||||
.strength-container .show-password-wrap {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.strength-container .strength-invalid.strength-score {
|
||||
height: 25%;
|
||||
background-color: #ff4c52;
|
||||
}
|
||||
|
||||
.strength-container .strength-weak.strength-score {
|
||||
height: 50%;
|
||||
background-color: #eb6709;
|
||||
}
|
||||
|
||||
.strength-container .strength-good.strength-score {
|
||||
height: 75%;
|
||||
background-color: #0bb2d4;
|
||||
}
|
||||
|
||||
.strength-container .strength-strong.strength-score {
|
||||
height: 100%;
|
||||
background-color: #11c26d;
|
||||
}
|
||||
Reference in New Issue
Block a user