58 lines
1.3 KiB
CSS
58 lines
1.3 KiB
CSS
/*! 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: #009dd8;
|
|
color: #fff;
|
|
/* 1 */
|
|
outline: none;
|
|
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
|
|
}
|
|
/*
|
|
* 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;
|
|
}
|