Sha256: b9b3e5d0083db3e0c22265e0411701b99ba63c699e427715097f2e6c6ccf271a

Contents?: true

Size: 944 Bytes

Versions: 8

Compression:

Stored size: 944 Bytes

Contents

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

  .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] {
    margin-top: -$space-sm;

    & > [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

8 entries across 8 versions & 1 rubygems

Version Path
playbook_ui-4.4.1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.4.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.3.1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.3.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.2.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.1.2 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.1.1 app/pb_kits/playbook/pb_typeahead/_typeahead.scss
playbook_ui-4.1.0 app/pb_kits/playbook/pb_typeahead/_typeahead.scss