42 lines
1.1 KiB
CSS
42 lines
1.1 KiB
CSS
|
.strength-indicator .indicator-sliver {
|
||
|
|
margin: 1px;
|
||
|
|
width: 14px;
|
||
|
|
height: 3px;
|
||
|
|
border: 1px solid #D5D5D5;
|
||
|
|
transition: 0.5s ease;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strength-indicator .strength-indicator-element.good .indicator-sliver {
|
||
|
|
background: green;
|
||
|
|
border: 1px solid green;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strength-indicator .strength-indicator-element.fair .indicator-sliver {
|
||
|
|
background: orange;
|
||
|
|
border: 1px solid orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strength-indicator .strength-indicator-element.fair .indicator-sliver:last-child {
|
||
|
|
border: 1px solid #D5D5D5;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strength-indicator .strength-indicator-element.barely .indicator-sliver {
|
||
|
|
background: rgb(255, 61, 0);
|
||
|
|
border: 1px solid rgb(255, 61, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.strength-indicator .strength-indicator-element.barely .indicator-sliver:last-child {
|
||
|
|
border: 1px solid #D5D5D5;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strength-indicator .strength-indicator-element.barely .indicator-sliver:nth-child(3) {
|
||
|
|
border: 1px solid #D5D5D5;
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.strength-indicator .strength-indicator-element.poor .indicator-sliver:first-child {
|
||
|
|
border: 1px solid red;
|
||
|
|
background: red;
|
||
|
|
}
|