/*! UIkit 2.27.5 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ /* ======================================================================== Component: Autocomplete ========================================================================== */ /* * 1. Container width fits its content * 2. Create position context * 3. Prevent `inline-block` consequences * 4. Remove the gap between the container and its child element */ .uk-autocomplete { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; } /* Legacy dropdown modifier */ .uk-dropdown-flip { left: auto; right: 0; } /* Nav modifier `uk-nav-autocomplete` ========================================================================== */ /* * Items */ .uk-nav-autocomplete > li > a { color: #444; } /* * Active * 1. Remove default focus style */ .uk-nav-autocomplete > li.uk-active > a { background: #00a8e6; color: #fff; /* 1 */ outline: none; } /* * Sub-object: `uk-nav-header` */ .uk-nav-autocomplete .uk-nav-header { color: #999; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-autocomplete .uk-nav-divider { border-top: 1px solid #ddd; }