fortify-js/src/fortify.less

A password strength indicator.

@fortify-weak: #bf360c;
@fortify-okay: #f57c00;
@fortify-good: #7cb342;
@fortify-strong: #558b2f;

.fortify-bar {
  background: #ccc;
}
.fortify {
  color: #fff;
	font-size: 0.9em;
  padding: 0.4em 1em 0.5em;
  margin: 0 0 1em;
  display: block;
  min-width: 20%;
	transition: all 0.2s ease;
  &-weak {
    background: @fortify-weak;
  }
  &-okay {
    background: @fortify-okay;
  }
  &-good {
    background: @fortify-good;
  }
  &-strong {
    background: @fortify-strong;
    width: 100% !important;
  }
  &-nothing {
    display: none;
  }
}