/**
 * Created by Nyasro on 09/21/2017.
 */
$color-red: #dc3232;
$color-green: #46b450;

%color-red {
  color: $color-red;
}

%color-green {
  color: $color-green;
}

%admin-bar-icon {
  font-size: 16px;
  border: 2px solid;
  border-radius: 50%;
}

.dy-pwd-notice.dy-pwd {

  &-active {
    &-yes {
      @extend %color-green;
    }

    &-no {
      @extend %color-red;
    }
  }
}

#dy-pwd{
  &-preview{
    font-style: normal;
    font-size: 1.2em;
  }
}

#wpadminbar {
  .dy-pwd {
    &-icon {
      .ab-item {

        &:hover {
          color: #fff !important;
          .ab-icon::before {
            color: #fff !important;
          }
        }
      }

    }

    &-null {

      .ab-icon {
        &::before {
          content: "\f112";
          vertical-align: middle;
        }
      }

    }

    &-yes {

      .ab-item {
        @extend %color-green;
      }

      .ab-icon {
        &::before {
          @extend %color-green;
          @extend %admin-bar-icon;
          content: "\f147";

        }
      }

    }

    &-no {
      .ab-item {
        color: $color-red;
      }
      .ab-icon {
        &::before {
          @extend %admin-bar-icon;
          color: $color-red;
          content: "\f335";
        }
      }
    }

  }

}