Contents

@import "../tokens/colors";
@import "../tokens/spacing";
@import "../tokens/screen_sizes";

.pb_passphrase {
  margin-bottom: $space_sm;

  a.dark {
    color: $white;
  }

  a {

    &[class*=show-below-] {
      display: none;
    }
    @each $breakpoint_name, $breakpoint in $breakpoints {
      &.show-below-#{$breakpoint_name} {
        @include break_at($breakpoint) {
          display: inline;
        }
      }
    }
  }

  .passphrase-label{
    margin-right: 4px;
  }

  .passphrase-text-input-wrapper {
    position: relative;

    .pb_text_input_kit_label {
      margin-bottom: 4px;
    }

    .passphrase-text-input input{
      padding-right: 42px;
    }

    .passphrase-text-input .text_input_wrapper {
      margin-bottom: 0;
    }

    .show-passphrase-icon {
      position: absolute;
      right: 11px;
      top: 11px;

      .hide-icon {
        display: none;
      }
    }
  }

  .pb_progress_simple_wrapper, .pb_progress_simple_wrapper_dark {
    margin-bottom: 4px;

    &.progress-empty-input {
      visibility: hidden;
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
playbook_ui-9.3.0.pre.alpha.password.strength.2	app/pb_kits/playbook/pb_passphrase/_passphrase.scss
playbook_ui-9.3.0.pre.alpha.password.strength.1	app/pb_kits/playbook/pb_passphrase/_passphrase.scss