/*! UIkit 2.27.4 | 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 */ .cw-autocomplete { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; } /* Legacy dropdown modifier */ .cw-dropdown-flip { left: auto; right: 0; } /* Nav modifier `cw-nav-autocomplete` ========================================================================== */ /* * Items */ .cw-nav-autocomplete > li > a { color: #444; } /* * Active * 1. Remove default focus style */ .cw-nav-autocomplete > li.cw-active > a { background: #00a8e6; color: #fff; /* 1 */ outline: none; } /* * Sub-object: `cw-nav-header` */ .cw-nav-autocomplete .cw-nav-header { color: #999; } /* * Sub-object: `cw-nav-divider` */ .cw-nav-autocomplete .cw-nav-divider { border-top: 1px solid #ddd; }