Skip to content

Instantly share code, notes, and snippets.

@benfoster
Created October 17, 2012 14:01
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save benfoster/3905658 to your computer and use it in GitHub Desktop.
Save benfoster/3905658 to your computer and use it in GitHub Desktop.
jQuery UI Autocomplete, Twitter Bootstrap Style
.ui-autocomplete {
position: absolute;
cursor: default;
list-style: none;
display: block;
outline: none;
padding: 5px 0;
margin: 2px 0 0;
background-color: @dropdownBackground;
border: 1px solid #ccc; // Fallback for IE7-8
border: 1px solid @dropdownBorder;
*border-right-width: 2px;
*border-bottom-width: 2px;
.border-radius(6px);
.box-shadow(0 5px 10px rgba(0,0,0,.2));
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
.ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
width: 100%;
a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: @baseLineHeight;
color: @dropdownLinkColor;
white-space: nowrap;
&.ui-state-focus,
&.ui-state-active {
text-decoration: none;
color: @dropdownLinkColorHover;
background-color: @dropdownLinkBackgroundHover;
#gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment