Sha256: 2a8ca080729d8dfb90db668c1bfde5dba26177760d39dbe753d0b4b019fa03cb

Contents?: true

Size: 1.42 KB

Versions: 6

Compression:

Stored size: 1.42 KB

Contents

@use "sass:math";

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

.pb_passphrase {
  margin-bottom: $space_sm;

  label {
    display: inline;
  }

  [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: math.div($space_xs, 2);
  }

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

    .pb_text_input_kit_label {
      margin-bottom: math.div($space_xs, 2);
    }

    .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;
      cursor: pointer;
      @media (hover:hover) {
        &:hover .pb_body_kit_light {
          color: $primary;
        }
      }

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

  .pb_progress_simple_wrapper, .pb_progress_simple_wrapper_dark {
    margin-bottom: math.div($space_xs, 2);

    &.progress-empty-input {
      visibility: hidden;
    }
  }
  .passphrase-popover {
    position: relative;
    left: -($space_xs * 1.25);
  }
  @-moz-document url-prefix() {
    .passphrase-popover {
      position: relative;
      left: -($space_xs * 1.5);
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
playbook_ui-14.11.0 app/pb_kits/playbook/pb_passphrase/_passphrase.scss
playbook_ui-14.11.0.pre.rc.16 app/pb_kits/playbook/pb_passphrase/_passphrase.scss
playbook_ui-14.10.0.pre.alpha.play16825301 app/pb_kits/playbook/pb_passphrase/_passphrase.scss
playbook_ui-14.11.0.pre.rc.15 app/pb_kits/playbook/pb_passphrase/_passphrase.scss
playbook_ui-14.11.0.pre.rc.14 app/pb_kits/playbook/pb_passphrase/_passphrase.scss
playbook_ui-14.11.0.pre.rc.13 app/pb_kits/playbook/pb_passphrase/_passphrase.scss