95 lines
1.9 KiB
CSS
95 lines
1.9 KiB
CSS
|
/*! UIkit 2.27.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;
|
||
|
|
}
|