summaryrefslogtreecommitdiff
path: root/css/components/slider.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/components/slider.css')
-rwxr-xr-xcss/components/slider.css94
1 files changed, 94 insertions, 0 deletions
diff --git a/css/components/slider.css b/css/components/slider.css
new file mode 100755
index 0000000..2d6417d
--- /dev/null
+++ b/css/components/slider.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}
11html[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}