diff options
author | Valentin Heinz <inktrap@users.noreply.github.com> | 2017-04-08 14:03:25 +0200 |
---|---|---|
committer | Alexis Metaireau <alexis@notmyidea.org> | 2017-04-08 14:03:25 +0200 |
commit | 5c231ceade17e7f5b1bba90e845dd2d17e54da1c (patch) | |
tree | f4f07dbbac2c51c8a0af1e1a24f11e030a2e4155 /uikit/static/css/components/autocomplete.almost-flat.css | |
parent | 00986ab80df4b6be2d1306671907e2b2378e487f (diff) | |
download | pelican-themes-5c231ceade17e7f5b1bba90e845dd2d17e54da1c.tar.gz |
uikit demo theme ported to pelican (#385)
Diffstat (limited to 'uikit/static/css/components/autocomplete.almost-flat.css')
-rw-r--r-- | uikit/static/css/components/autocomplete.almost-flat.css | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/uikit/static/css/components/autocomplete.almost-flat.css b/uikit/static/css/components/autocomplete.almost-flat.css new file mode 100644 index 0000000..8f5176b --- /dev/null +++ b/uikit/static/css/components/autocomplete.almost-flat.css @@ -0,0 +1,52 @@ +/*! UIkit 2.21.0 | 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; +} +/* Nav modifier `uk-nav-autocomplete` + ========================================================================== */ +/* + * Items + */ +.uk-nav-autocomplete > li > a { + color: #444444; +} +/* + * Active + * 1. Remove default focus style + */ +.uk-nav-autocomplete > li.uk-active > a { + background: #00a8e6; + color: #ffffff; + /* 1 */ + outline: none; + box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); +} +/* + * Sub-object: `uk-nav-header` + */ +.uk-nav-autocomplete .uk-nav-header { + color: #999999; +} +/* + * Sub-object: `uk-nav-divider` + */ +.uk-nav-autocomplete .uk-nav-divider { + border-top: 1px solid #dddddd; +} |