Sha256: 806c4a4b57362e65f5a26a7de4570ee7322e0932500961a4a94a27c95a8d55fa
Contents?: true
Size: 1.93 KB
Versions: 6
Compression:
Stored size: 1.93 KB
Contents
/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ /* ======================================================================== Component: Slider ========================================================================== */ /* * 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; &:not(.uk-grid) { /* 1 */ margin: 0; padding: 0; list-style: none; } > * { /* 1 */ position: absolute; top: 0; left: 0; } } /* * 1. Reset list style without interfering with grid */ /* * Sub-object item * 1. Position items above each other */ /* * Clip child elements */ .uk-slider-container { overflow: hidden; } /* * Dragged */ .uk-slider { &:not(.uk-drag) { -webkit-transition: -webkit-transform 200ms linear; transition: transform 200ms linear; } &.uk-drag { cursor: col-resize; /* 1 */ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } a { /* 1 */ -webkit-user-drag: none; user-drag: none; /* 2 */ -webkit-touch-callout: none; } img { /* 1 */ -webkit-user-drag: none; user-drag: none; /* 2 */ -webkit-touch-callout: none; pointer-events: none; } } /* * 1. Makes text unselectable */ /* * 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 */ /* * 1. Prevents images and links from being dragged in Firefox */ /* Modifier: `uk-slider-fullscreen` ========================================================================== */ .uk-slider-fullscreen { height: 100vh; > li { height: 100vh; } }
Version data entries
6 entries across 2 versions & 1 rubygems