aboutsummaryrefslogtreecommitdiffstats
path: root/uikit/static/css/components/autocomplete.almost-flat.css
diff options
context:
space:
mode:
authorValentin Heinz <inktrap@users.noreply.github.com>2017-04-08 14:03:25 +0200
committerAlexis Metaireau <alexis@notmyidea.org>2017-04-08 14:03:25 +0200
commit5c231ceade17e7f5b1bba90e845dd2d17e54da1c (patch)
treef4f07dbbac2c51c8a0af1e1a24f11e030a2e4155 /uikit/static/css/components/autocomplete.almost-flat.css
parent00986ab80df4b6be2d1306671907e2b2378e487f (diff)
downloadpelican-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.css52
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;
+}