/*! UIkit 2.27.5 | 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; }