|
| 1 | +.autocomplete { |
| 2 | + position: absolute; |
| 3 | + transition: all 0.5s ease 0s; |
| 4 | + max-height: 0; |
| 5 | + overflow-y: hidden; |
| 6 | + transition-duration: 0.3s; |
| 7 | + transition-property: all; |
| 8 | + transition-timing-function: cubic-bezier(0, 1, 0.5, 1); |
| 9 | +} |
| 10 | +.autocomplete.open { |
| 11 | + display: block; |
| 12 | + transition: all 0.5s ease 0s; |
| 13 | + background-color: #FAFAFA; |
| 14 | + max-height: 500px; |
| 15 | + overflow-y: hidden; |
| 16 | + transition-duration: 0.3s; |
| 17 | + transition-property: all; |
| 18 | + transition-timing-function: cubic-bezier(0, 1, 0.5, 1); |
| 19 | +} |
| 20 | +.autocomplete:empty, |
| 21 | +.autocomplete.open:empty { |
| 22 | + display: none; |
| 23 | +} |
| 24 | +.autocomplete:active, |
| 25 | +.autocomplete:focus, |
| 26 | +.autocomplete:hover { |
| 27 | + background-color: #FAFAFA; |
| 28 | + transition: all 0.5s ease 0s; |
| 29 | +} |
| 30 | +.autocomplete > ul { |
| 31 | + list-style-type: none; |
| 32 | + margin: 0; |
| 33 | + padding: 0; |
| 34 | +} |
| 35 | +.autocomplete > ul > li { |
| 36 | + cursor: pointer; |
| 37 | + padding: 5px 0 5px 10px; |
| 38 | +} |
| 39 | +.autocomplete > ul > li.locked { |
| 40 | + cursor: inherit; |
| 41 | +} |
| 42 | +.autocomplete > ul > li.active, |
| 43 | +.autocomplete > ul > li:active, |
| 44 | +.autocomplete > ul > li:focus, |
| 45 | +.autocomplete > ul > li:hover { |
| 46 | + background-color: #EEEEEE; |
| 47 | + transition: all 0.5s ease 0s; |
| 48 | +} |
| 49 | +.autocomplete > ul > li.active a:active, |
| 50 | +.autocomplete > ul > li:active a:active, |
| 51 | +.autocomplete > ul > li:focus a:active, |
| 52 | +.autocomplete > ul > li:hover a:active, |
| 53 | +.autocomplete > ul > li.active a:focus, |
| 54 | +.autocomplete > ul > li:active a:focus, |
| 55 | +.autocomplete > ul > li:focus a:focus, |
| 56 | +.autocomplete > ul > li:hover a:focus, |
| 57 | +.autocomplete > ul > li.active a:hover, |
| 58 | +.autocomplete > ul > li:active a:hover, |
| 59 | +.autocomplete > ul > li:focus a:hover, |
| 60 | +.autocomplete > ul > li:hover a:hover { |
| 61 | + text-decoration: none; |
| 62 | +} |
| 63 | +input[data-autocomplete] { |
| 64 | + border-color: #808080; |
| 65 | + border-style: none none solid none; |
| 66 | + border-width: 0px 0px 1px 0px; |
| 67 | + margin: 0px; |
| 68 | + padding: 5px; |
| 69 | + width: 100%; |
| 70 | +} |
0 commit comments