Skip to content

Instantly share code, notes, and snippets.

@adamtomat
Created February 18, 2015 11:06
Show Gist options
  • Save adamtomat/d196bb742aa55afbc566 to your computer and use it in GitHub Desktop.
Save adamtomat/d196bb742aa55afbc566 to your computer and use it in GitHub Desktop.
SASS for Typeahead for Bootstrap 3
// Inspired by byhays CSS version https://gist.github.com/bhays
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
margin-bottom: 0;
}
.tt-hint {
color: #bbb;
color: rgba(0, 0, 0, .4);
display: block;
width: 100%;
}
.tt-dropdown-menu {
background-clip: padding-box;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
margin: 2px 0 0;
padding: 5px 0;
width: 100%;
}
.tt-suggestion {
display: block;
padding: 3px 20px;
&.tt-cursor {
background-color: #337ab7;
color: #fff;
cursor: pointer;
}
a {
color: #fff;
}
p {
margin: 0;
vertical-align: middle;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment