Skip to content

Instantly share code, notes, and snippets.

@pmk65
Created February 6, 2019 13:03
Show Gist options
  • Save pmk65/1ae5630086a061052878ced84635009a to your computer and use it in GitHub Desktop.
Save pmk65/1ae5630086a061052878ced84635009a to your computer and use it in GitHub Desktop.
CSS for Twitter Typeahead plugin
.tt-query {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
color: #999;
}
.tt-menu {
width: 100%;
min-width: 200px;
padding: 4px 0;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
padding: 3px 20px;
line-height: 24px;
}
.tt-suggestion.tt-cursor,
.tt-suggestion:hover {
color: #fff;
background-color: #0097cf;
}
.tt-suggestion p {
margin: 0;
}
.input-loading {
}
.input-loading:after {
position: absolute;
top: 8px;
right: 8px;
content: "\e030";
font-family: "Glyphicons Halflings";
color: #0097cf;
font-size: 20px;
font-weight: 400;
line-height: 1;
transform: rotate(0deg);
animation: spinner 1s linear infinite;
}
@keyframes spinner {
100% {
transform: rotate(359deg);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment