/* ------------------------------------------------------------------------------
*
* # Passy
*
* Styles for passy.min.js - password length checker and password generator
*
* Version: 1.0
* Latest update: May 25, 2015
*
* ---------------------------------------------------------------------------- */
// Base
.visual-password-indicator {
display: inline-block;
background-color: @gray-light;
width: 40px;
height: 4px;
}
// Inside input group addon
.password-indicator-group {
min-width: 80px;
.transition(all 0.2s ease-in-out);
}
// Absolute positioned label
.label-indicator-absolute {
position: relative;
.password-indicator-label-absolute {
position: absolute;
top: 50%;
margin-top: -(@padding-base-vertical + 2);
right: @padding-base-vertical;
.transition(all 0.2s ease-in-out);
}
.form-horizontal & {
.label {
right: (@grid-gutter-width + @padding-base-vertical);
}
}
}