1
|
/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
/* ========================================================================
|
3
|
Component: Autocomplete
|
4
|
========================================================================== */
|
5
|
/*
|
6
|
* 1. Container width fits its content
|
7
|
* 2. Create position context
|
8
|
* 3. Prevent `inline-block` consequences
|
9
|
* 4. Remove the gap between the container and its child element
|
10
|
*/
|
11
|
.uk-autocomplete {
|
12
|
/* 1 */
|
13
|
display: inline-block;
|
14
|
/* 2 */
|
15
|
position: relative;
|
16
|
/* 3 */
|
17
|
max-width: 100%;
|
18
|
/* 4 */
|
19
|
vertical-align: middle;
|
20
|
}
|
21
|
/* Legacy dropdown modifier */
|
22
|
.uk-dropdown-flip {
|
23
|
left: auto;
|
24
|
right: 0;
|
25
|
}
|
26
|
/* Nav modifier `uk-nav-autocomplete`
|
27
|
========================================================================== */
|
28
|
/*
|
29
|
* Items
|
30
|
*/
|
31
|
.uk-nav-autocomplete > li > a {
|
32
|
color: #444;
|
33
|
}
|
34
|
/*
|
35
|
* Active
|
36
|
* 1. Remove default focus style
|
37
|
*/
|
38
|
.uk-nav-autocomplete > li.uk-active > a {
|
39
|
background: #009dd8;
|
40
|
color: #fff;
|
41
|
/* 1 */
|
42
|
outline: none;
|
43
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
|
44
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
45
|
}
|
46
|
/*
|
47
|
* Sub-object: `uk-nav-header`
|
48
|
*/
|
49
|
.uk-nav-autocomplete .uk-nav-header {
|
50
|
color: #999;
|
51
|
}
|
52
|
/*
|
53
|
* Sub-object: `uk-nav-divider`
|
54
|
*/
|
55
|
.uk-nav-autocomplete .uk-nav-divider {
|
56
|
border-top: 1px solid #ddd;
|
57
|
}
|