aboutsummaryrefslogtreecommitdiffstats
path: root/uikit/static/css/components/slidenav.almost-flat.css
diff options
context:
space:
mode:
Diffstat (limited to 'uikit/static/css/components/slidenav.almost-flat.css')
-rw-r--r--uikit/static/css/components/slidenav.almost-flat.css99
1 files changed, 99 insertions, 0 deletions
diff --git a/uikit/static/css/components/slidenav.almost-flat.css b/uikit/static/css/components/slidenav.almost-flat.css
new file mode 100644
index 0000000..7445f25
--- /dev/null
+++ b/uikit/static/css/components/slidenav.almost-flat.css
@@ -0,0 +1,99 @@
+/*! UIkit 2.21.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
+/* ========================================================================
+ Component: Slidenav
+ ========================================================================== */
+/*
+ * 1. Required for `a` elements
+ * 2. Dimension
+ * 3. Style
+ */
+.uk-slidenav {
+ /* 1 */
+ display: inline-block;
+ /* 2 */
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 60px;
+ height: 60px;
+ /* 3 */
+ line-height: 60px;
+ color: rgba(50, 50, 50, 0.4);
+ font-size: 60px;
+ text-align: center;
+}
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ * 2. Remove default focus style
+ * 3. Required for `a` elements
+ * 4. Style
+ */
+.uk-slidenav:hover,
+.uk-slidenav:focus {
+ /* 2 */
+ outline: none;
+ /* 3 */
+ text-decoration: none;
+ /* 4 */
+ color: rgba(50, 50, 50, 0.7);
+ cursor: pointer;
+}
+/* Active */
+.uk-slidenav:active {
+ color: rgba(50, 50, 50, 0.9);
+}
+/*
+ * Icons
+ */
+.uk-slidenav-previous:before {
+ content: "\f104";
+ font-family: FontAwesome;
+}
+.uk-slidenav-next:before {
+ content: "\f105";
+ font-family: FontAwesome;
+}
+/* Sub-object: `uk-slidenav-position`
+ ========================================================================== */
+/*
+ * Create position context
+ */
+.uk-slidenav-position {
+ position: relative;
+}
+/*
+ * Center vertically
+ */
+.uk-slidenav-position .uk-slidenav {
+ display: none;
+ position: absolute;
+ top: 50%;
+ z-index: 1;
+ margin-top: -30px;
+}
+.uk-slidenav-position:hover .uk-slidenav {
+ display: block;
+}
+.uk-slidenav-position .uk-slidenav-previous {
+ left: 20px;
+}
+.uk-slidenav-position .uk-slidenav-next {
+ right: 20px;
+}
+/* Modifier: `uk-slidenav-contrast`
+ ========================================================================== */
+.uk-slidenav-contrast {
+ color: rgba(255, 255, 255, 0.5);
+}
+/*
+ * Hover
+ * 1. Apply hover style also to focus state
+ */
+.uk-slidenav-contrast:hover,
+.uk-slidenav-contrast:focus {
+ color: rgba(255, 255, 255, 0.7);
+}
+/* Active */
+.uk-slidenav-contrast:active {
+ color: rgba(255, 255, 255, 0.9);
+}