Sha256: c173313e16d15e69deeee91e9445c3b47432167f943006bea6eca9bd8617a74e

Contents?: true

Size: 964 Bytes

Versions: 5

Compression:

Stored size: 964 Bytes

Contents

@import "../tokens/positioning";
@import "../pb_card/card_mixin";
@import "../tokens/shadows";

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
  .pb_popover_body {
    @include pb_card;
    border: 0;
    box-shadow: $shadow_deeper;
    overflow: auto;
  }
}

.pb_popover_tooltip {
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 150ms;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  visibility: hidden;
  pointer-events: none;
  &.show {
    animation-name: fadeIn;
    animation-duration: 150ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    visibility: visible;
    pointer-events: initial;
    z-index: $z_9;
  }
}
.pb_popover_body {
  @include pb_card;
  border: 0;
  box-shadow: $shadow_deeper;
  overflow: auto;
}


.pb_popover_reference_wrapper {
  display: inline-block;
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
playbook_ui-5.3.0.pre.alpha1 app/pb_kits/playbook/pb_popover/_popover.scss
playbook_ui-5.4.0 app/pb_kits/playbook/pb_popover/_popover.scss
playbook_ui-5.3.0 app/pb_kits/playbook/pb_popover/_popover.scss
playbook_ui-5.2.0 app/pb_kits/playbook/pb_popover/_popover.scss
playbook_ui-5.1.0 app/pb_kits/playbook/pb_popover/_popover.scss