Skip to content

Instantly share code, notes, and snippets.

@obxhdx

obxhdx/autocomplete-menu.css.scss

Forked from kevindavis/gist:1868651
Last active December 12, 2015 08:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save obxhdx/4748280 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save obxhdx/4748280 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap styling for jQuery UI autocomplete.
Raw
autocomplete-menu.css.scss
.ui-autocomplete {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
float: left;
display: none;
min-width: 160px;
_width: 160px;
padding: 4px 0;
margin: 2px 0 0 0;
list-style: none;
background-color: #ffffff;
border-color: #ccc;
border-color: rgba(0, 0, 0, 0.2);
border-style: solid;
border-width: 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
*border-right-width: 2px;
*border-bottom-width: 2px;
.ui-menu-item > a.ui-corner-all {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #555555;
white-space: nowrap;
cursor: pointer;
&.ui-state-hover, &.ui-state-active,, &.ui-state-focus {
color: #ffffff;
text-decoration: none;
background-color: #0088cc;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background-image: none;
}
}
}
.ui-helper-hidden-accessible {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment