From c94fb32c7a3c28b18a27460aa2447eeec1fac1de Mon Sep 17 00:00:00 2001 From: Pascal Szewczyk Date: Mon, 18 Jul 2016 23:23:54 +0200 Subject: uikit added --- css/components/slider.gradient.css | 94 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100755 css/components/slider.gradient.css (limited to 'css/components/slider.gradient.css') diff --git a/css/components/slider.gradient.css b/css/components/slider.gradient.css new file mode 100755 index 0000000..2d6417d --- /dev/null +++ b/css/components/slider.gradient.css @@ -0,0 +1,94 @@ +/*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * RTL Compatibility + */ +[data-uk-slider] { + direction: ltr; +} +html[dir="rtl"] .uk-slider > * { + direction: rtl; +} +/* + * 1. Create position context + * 2. Create stacking context to prevent z-index issues with other components + * 3. Deactivate browser history navigation in IE11 + */ +.uk-slider { + /* 1 */ + position: relative; + /* 2 */ + z-index: 0; + /* 3 */ + touch-action: pan-y; +} +/* + * 1. Reset list style without interfering with grid + */ +.uk-slider:not(.uk-grid) { + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Sub-object item + * 1. Position items above each other + */ +.uk-slider > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; +} +/* + * Clip child elements + */ +.uk-slider-container { + overflow: hidden; +} +/* + * Dragged + */ +.uk-slider:not(.uk-drag) { + -webkit-transition: -webkit-transform 200ms linear; + transition: transform 200ms linear; +} +/* + * 1. Makes text unselectable + */ +.uk-slider.uk-drag { + cursor: col-resize; + /* 1 */ + -moz-user-select: none; + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; +} +/* + * 1. Prevents images and links from being dragged (default browser behavior) + * 2. Disables the default callout shown when you touch and hold a touch target + * Currently only works in Webkit + */ +.uk-slider a, +.uk-slider img { + /* 1 */ + -webkit-user-drag: none; + user-drag: none; + /* 2 */ + -webkit-touch-callout: none; +} +/* + * 1. Prevents images and links from being dragged in Firefox + */ +.uk-slider img { + pointer-events: none; +} +/* Modifier: `uk-slider-fullscreen` + ========================================================================== */ +.uk-slider-fullscreen, +.uk-slider-fullscreen > li { + height: 100vh; +} -- cgit v1.2.3