www.aleph1.co.uk Git - yaffs-website/blob - web/themes/custom/yaffs/scss/jquery-ui/_autocomplete.scss

   1 /**
   2  * jQuery UI autocomplete widget style overrides.
   3  *
   4  * $todo Remove once jQuery UI is no longer used?
   5  */
   6
   7 // Mimics .dropdown-menu styles.
   8 .ui-autocomplete {
   9   background: $dropdown-bg;
  10   background-clip: padding-box;
  11   border: 1px solid $dropdown-fallback-border;
  12   border: 1px solid $dropdown-border;
  13   border-radius: $border-radius-base;
  14   box-shadow: 0 6px 12px rgba(0,0,0,.175);
  15   color: inherit;
  16   font-family: $font-family-base;
  17   font-size: $font-size-base;
  18   list-style: none;
  19   min-width: 160px;
  20   padding: 5px 0;
  21   text-align: left;
  22   z-index: $zindex-dropdown;
  23
  24   .ui-menu-item {
  25     border: 0;
  26     border-radius: 0;
  27     clear: both;
  28     color: $dropdown-link-color;
  29     cursor: pointer;
  30     display: block;
  31     font-weight: normal;
  32     line-height: $line-height-base;
  33     margin: 0;
  34     outline: 0;
  35     padding: 3px 20px;
  36     text-decoration: none;
  37     white-space: nowrap;
  38
  39     &.ui-state-hover {
  40       background: $dropdown-link-hover-bg;
  41       color: $dropdown-link-hover-color;
  42     }
  43
  44     &.ui-state-active, &.ui-state-focus {
  45       background: $dropdown-link-active-bg;
  46       color: $dropdown-link-active-color;
  47     }
  48
  49   }
  50
  51 }