diff options
Diffstat (limited to 'css/components/autocomplete.gradient.css')
-rwxr-xr-x | css/components/autocomplete.gradient.css | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/css/components/autocomplete.gradient.css b/css/components/autocomplete.gradient.css new file mode 100755 index 0000000..3fb9e3d --- /dev/null +++ b/css/components/autocomplete.gradient.css | |||
@@ -0,0 +1,57 @@ | |||
1 | /*! UIkit 2.26.4 | 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 | } | ||