Contents

[class^=pb_typeahead_kit] {
  .pb_typeahead_wrapper {
    position: relative;
  }

  .text_input_wrapper {
    margin-bottom: 0;
  }

  .pb_item_kit {
    padding: ($space_xs + 2) 0;

    &:hover {
      background-color: $bg_light;
    }
  }

  &:focus-within [class^=pb_list_kit] {
    max-height: 18em;
    overflow-y: auto;
    overscroll-behavior: contain;
    position: absolute;
    left: 0;
    right: 0;
    background: white;
    box-shadow: $shadow_deep;
    z-index: 100;
  }

  &:not(:focus-within) [class^=pb_list_kit] {
    display: none;
  }

  [class^=pb_list_kit] > [data-pb-typeahead-kit-results] > li {
    &:focus-within {
      background: $bg_light;
    }

    > button {
      background: none;
      color: inherit;
      border: none;
      padding: 0;
      font: inherit;
      cursor: pointer;
      outline: inherit;
      width: 100%;
      height: 100%;
      text-align: left;
    }
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
playbook_ui-4.0.1	app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.0.0	app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-3.5.0	app/pb_kits/playbook/pb_typeahead/_typeahead.scss