diff options
Diffstat (limited to 'css/components/autocomplete.css')
| -rwxr-xr-x | css/components/autocomplete.css | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/css/components/autocomplete.css b/css/components/autocomplete.css new file mode 100755 index 0000000..5c6993c --- /dev/null +++ b/css/components/autocomplete.css | |||
| @@ -0,0 +1,55 @@ | |||
| 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: #00a8e6; | ||
| 40 | color: #fff; | ||
| 41 | /* 1 */ | ||
| 42 | outline: none; | ||
| 43 | } | ||
| 44 | /* | ||
| 45 | * Sub-object: `uk-nav-header` | ||
| 46 | */ | ||
| 47 | .uk-nav-autocomplete .uk-nav-header { | ||
| 48 | color: #999; | ||
| 49 | } | ||
| 50 | /* | ||
| 51 | * Sub-object: `uk-nav-divider` | ||
| 52 | */ | ||
| 53 | .uk-nav-autocomplete .uk-nav-divider { | ||
| 54 | border-top: 1px solid #ddd; | ||
| 55 | } | ||
