diff options
Diffstat (limited to 'css/components/slider.almost-flat.css')
| -rwxr-xr-x | css/components/slider.almost-flat.css | 94 |
1 files changed, 94 insertions, 0 deletions
diff --git a/css/components/slider.almost-flat.css b/css/components/slider.almost-flat.css new file mode 100755 index 0000000..2d6417d --- /dev/null +++ b/css/components/slider.almost-flat.css | |||
| @@ -0,0 +1,94 @@ | |||
| 1 | /*! UIkit 2.26.4 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ | ||
| 2 | /* ======================================================================== | ||
| 3 | Component: Slider | ||
| 4 | ========================================================================== */ | ||
| 5 | /* | ||
| 6 | * RTL Compatibility | ||
| 7 | */ | ||
| 8 | [data-uk-slider] { | ||
| 9 | direction: ltr; | ||
| 10 | } | ||
| 11 | html[dir="rtl"] .uk-slider > * { | ||
| 12 | direction: rtl; | ||
| 13 | } | ||
| 14 | /* | ||
| 15 | * 1. Create position context | ||
| 16 | * 2. Create stacking context to prevent z-index issues with other components | ||
| 17 | * 3. Deactivate browser history navigation in IE11 | ||
| 18 | */ | ||
| 19 | .uk-slider { | ||
| 20 | /* 1 */ | ||
| 21 | position: relative; | ||
| 22 | /* 2 */ | ||
| 23 | z-index: 0; | ||
| 24 | /* 3 */ | ||
| 25 | touch-action: pan-y; | ||
| 26 | } | ||
| 27 | /* | ||
| 28 | * 1. Reset list style without interfering with grid | ||
| 29 | */ | ||
| 30 | .uk-slider:not(.uk-grid) { | ||
| 31 | /* 1 */ | ||
| 32 | margin: 0; | ||
| 33 | padding: 0; | ||
| 34 | list-style: none; | ||
| 35 | } | ||
| 36 | /* | ||
| 37 | * Sub-object item | ||
| 38 | * 1. Position items above each other | ||
| 39 | */ | ||
| 40 | .uk-slider > * { | ||
| 41 | /* 1 */ | ||
| 42 | position: absolute; | ||
| 43 | top: 0; | ||
| 44 | left: 0; | ||
| 45 | } | ||
| 46 | /* | ||
| 47 | * Clip child elements | ||
| 48 | */ | ||
| 49 | .uk-slider-container { | ||
| 50 | overflow: hidden; | ||
| 51 | } | ||
| 52 | /* | ||
| 53 | * Dragged | ||
| 54 | */ | ||
| 55 | .uk-slider:not(.uk-drag) { | ||
| 56 | -webkit-transition: -webkit-transform 200ms linear; | ||
| 57 | transition: transform 200ms linear; | ||
| 58 | } | ||
| 59 | /* | ||
| 60 | * 1. Makes text unselectable | ||
| 61 | */ | ||
| 62 | .uk-slider.uk-drag { | ||
| 63 | cursor: col-resize; | ||
| 64 | /* 1 */ | ||
| 65 | -moz-user-select: none; | ||
| 66 | -webkit-user-select: none; | ||
| 67 | -ms-user-select: none; | ||
| 68 | user-select: none; | ||
| 69 | } | ||
| 70 | /* | ||
| 71 | * 1. Prevents images and links from being dragged (default browser behavior) | ||
| 72 | * 2. Disables the default callout shown when you touch and hold a touch target | ||
| 73 | * Currently only works in Webkit | ||
| 74 | */ | ||
| 75 | .uk-slider a, | ||
| 76 | .uk-slider img { | ||
| 77 | /* 1 */ | ||
| 78 | -webkit-user-drag: none; | ||
| 79 | user-drag: none; | ||
| 80 | /* 2 */ | ||
| 81 | -webkit-touch-callout: none; | ||
| 82 | } | ||
| 83 | /* | ||
| 84 | * 1. Prevents images and links from being dragged in Firefox | ||
| 85 | */ | ||
| 86 | .uk-slider img { | ||
| 87 | pointer-events: none; | ||
| 88 | } | ||
| 89 | /* Modifier: `uk-slider-fullscreen` | ||
| 90 | ========================================================================== */ | ||
| 91 | .uk-slider-fullscreen, | ||
| 92 | .uk-slider-fullscreen > li { | ||
| 93 | height: 100vh; | ||
| 94 | } | ||
