Created
June 3, 2018 03:40
-
-
Save ZeroX-DG/b84afb5bbbade8c7021f4a669987904d to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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