Skip to content

Instantly share code, notes, and snippets.

@ZeroX-DG
Created June 3, 2018 03:40
Show Gist options
  • Save ZeroX-DG/b84afb5bbbade8c7021f4a669987904d to your computer and use it in GitHub Desktop.
Save ZeroX-DG/b84afb5bbbade8c7021f4a669987904d to your computer and use it in GitHub Desktop.
@import url('https://fonts.googleapis.com/css?family=Lato');
* {
box-sizing: border-box;
font-family: 'Lato', sans-serif;
}
.autocomplete-search-box {
width: 50%;
margin-left: 25%;
box-shadow: 0 2px 10px 0px rgba(0, 0, 0, 0.25);
border-radius: 10px;
overflow: hidden;
}
.autocomplete-search-box .search-box {
width: 100%;
height: 40px;
padding: 30px 20px;
outline: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 20px;
}
.autocomplete-search-box .search-result {
width: 100%;
padding: 0;
margin: 0;
}
.autocomplete-search-box .search-result li {
width: 100%;
list-style-type: none;
padding: 10px 20px;
}
.autocomplete-search-box .search-result li:hover {
background: #3498db;
color: white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment