digitalhelpersleague/asterism

View on GitHub
app/assets/stylesheets/passwords.sass

Summary

Maintainability
Test Coverage
.password-score-bar
  height: 4px
  margin-top: 5px
  margin-bottom: 0
  &.password-score_0, &.password-score_1
    & > .progress-bar
      background-color: rgb(255, 84, 84)
  &.password-score_2
    & > .progress-bar
      background-color: rgb(255, 170, 0)
  &.password-score_3
    & > .progress-bar
      background-color: #B3BE14
  &.password-score_4
    & > .progress-bar
      background-color: #50BA23

input[type='password'], input[type='text']
  &.password-confirmation-error
    border: 2px solid rgb(255, 84, 84)
  &.password-confirmation-success
    border: 2px solid #50BA23

.show-password-toggle
  cursor: pointer

.form-horizontal
  .has-feedback
    .show-password-toggle
      right: 40px

.password-crack-time
  &.tooltip
    margin-bottom: -10px
    position: relative
    opacity: 1