uikit2-rails 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/.gitignore +10 -0
- data/.travis.yml +4 -0
- data/Gemfile +4 -0
- data/README.md +66 -0
- data/Rakefile +1 -0
- data/bin/console +14 -0
- data/bin/setup +7 -0
- data/lib/uikit2/rails.rb +8 -0
- data/lib/uikit2/rails/version.rb +5 -0
- data/uikit2-rails.gemspec +25 -0
- data/vendor/assets/fonts/FontAwesome.otf +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.eot +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.ttf +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.woff +0 -0
- data/vendor/assets/fonts/fontawesome-webfont.woff2 +0 -0
- data/vendor/assets/javascripts/uikit.js +3537 -0
- data/vendor/assets/javascripts/uikit/components/accordion.js +172 -0
- data/vendor/assets/javascripts/uikit/components/accordion.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/autocomplete.js +334 -0
- data/vendor/assets/javascripts/uikit/components/autocomplete.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/datepicker.js +3166 -0
- data/vendor/assets/javascripts/uikit/components/datepicker.min.js +3 -0
- data/vendor/assets/javascripts/uikit/components/form-password.js +67 -0
- data/vendor/assets/javascripts/uikit/components/form-password.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/form-select.js +70 -0
- data/vendor/assets/javascripts/uikit/components/form-select.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/grid.js +523 -0
- data/vendor/assets/javascripts/uikit/components/grid.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/htmleditor.js +623 -0
- data/vendor/assets/javascripts/uikit/components/htmleditor.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/lightbox.js +555 -0
- data/vendor/assets/javascripts/uikit/components/lightbox.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/nestable.js +638 -0
- data/vendor/assets/javascripts/uikit/components/nestable.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/notify.js +189 -0
- data/vendor/assets/javascripts/uikit/components/notify.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/pagination.js +147 -0
- data/vendor/assets/javascripts/uikit/components/pagination.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/parallax.js +417 -0
- data/vendor/assets/javascripts/uikit/components/parallax.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/search.js +92 -0
- data/vendor/assets/javascripts/uikit/components/search.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/slider.js +520 -0
- data/vendor/assets/javascripts/uikit/components/slider.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/slideset.js +502 -0
- data/vendor/assets/javascripts/uikit/components/slideset.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/slideshow-fx.js +375 -0
- data/vendor/assets/javascripts/uikit/components/slideshow-fx.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/slideshow.js +545 -0
- data/vendor/assets/javascripts/uikit/components/slideshow.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/sortable.js +664 -0
- data/vendor/assets/javascripts/uikit/components/sortable.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/sticky.js +349 -0
- data/vendor/assets/javascripts/uikit/components/sticky.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/timepicker.js +192 -0
- data/vendor/assets/javascripts/uikit/components/timepicker.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/tooltip.js +234 -0
- data/vendor/assets/javascripts/uikit/components/tooltip.min.js +2 -0
- data/vendor/assets/javascripts/uikit/components/upload.js +260 -0
- data/vendor/assets/javascripts/uikit/components/upload.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/alert.js +66 -0
- data/vendor/assets/javascripts/uikit/core/alert.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/button.js +157 -0
- data/vendor/assets/javascripts/uikit/core/button.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/core.js +725 -0
- data/vendor/assets/javascripts/uikit/core/core.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/cover.js +95 -0
- data/vendor/assets/javascripts/uikit/core/cover.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/dropdown.js +421 -0
- data/vendor/assets/javascripts/uikit/core/dropdown.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/grid.js +114 -0
- data/vendor/assets/javascripts/uikit/core/grid.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/modal.js +372 -0
- data/vendor/assets/javascripts/uikit/core/modal.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/nav.js +136 -0
- data/vendor/assets/javascripts/uikit/core/nav.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/offcanvas.js +180 -0
- data/vendor/assets/javascripts/uikit/core/offcanvas.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/scrollspy.js +208 -0
- data/vendor/assets/javascripts/uikit/core/scrollspy.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/smooth-scroll.js +62 -0
- data/vendor/assets/javascripts/uikit/core/smooth-scroll.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/switcher.js +304 -0
- data/vendor/assets/javascripts/uikit/core/switcher.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/tab.js +165 -0
- data/vendor/assets/javascripts/uikit/core/tab.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/toggle.js +120 -0
- data/vendor/assets/javascripts/uikit/core/toggle.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/touch.js +173 -0
- data/vendor/assets/javascripts/uikit/core/touch.min.js +2 -0
- data/vendor/assets/javascripts/uikit/core/utility.js +239 -0
- data/vendor/assets/javascripts/uikit/core/utility.min.js +2 -0
- data/vendor/assets/stylesheets/uikit.almost-flat.css +8551 -0
- data/vendor/assets/stylesheets/uikit.css +8252 -0
- data/vendor/assets/stylesheets/uikit.gradient.css +8614 -0
- data/vendor/assets/stylesheets/uikit/components/accordion.almost-flat.css +39 -0
- data/vendor/assets/stylesheets/uikit/components/accordion.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/accordion.css +37 -0
- data/vendor/assets/stylesheets/uikit/components/accordion.gradient.css +39 -0
- data/vendor/assets/stylesheets/uikit/components/accordion.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/accordion.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/autocomplete.almost-flat.css +52 -0
- data/vendor/assets/stylesheets/uikit/components/autocomplete.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/autocomplete.css +50 -0
- data/vendor/assets/stylesheets/uikit/components/autocomplete.gradient.css +52 -0
- data/vendor/assets/stylesheets/uikit/components/autocomplete.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/autocomplete.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/datepicker.almost-flat.css +129 -0
- data/vendor/assets/stylesheets/uikit/components/datepicker.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/datepicker.css +123 -0
- data/vendor/assets/stylesheets/uikit/components/datepicker.gradient.css +139 -0
- data/vendor/assets/stylesheets/uikit/components/datepicker.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/datepicker.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/dotnav.almost-flat.css +128 -0
- data/vendor/assets/stylesheets/uikit/components/dotnav.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/dotnav.css +124 -0
- data/vendor/assets/stylesheets/uikit/components/dotnav.gradient.css +128 -0
- data/vendor/assets/stylesheets/uikit/components/dotnav.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/dotnav.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-advanced.almost-flat.css +78 -0
- data/vendor/assets/stylesheets/uikit/components/form-advanced.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-advanced.css +78 -0
- data/vendor/assets/stylesheets/uikit/components/form-advanced.gradient.css +78 -0
- data/vendor/assets/stylesheets/uikit/components/form-advanced.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-advanced.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-file.almost-flat.css +34 -0
- data/vendor/assets/stylesheets/uikit/components/form-file.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-file.css +34 -0
- data/vendor/assets/stylesheets/uikit/components/form-file.gradient.css +34 -0
- data/vendor/assets/stylesheets/uikit/components/form-file.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-file.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-password.almost-flat.css +34 -0
- data/vendor/assets/stylesheets/uikit/components/form-password.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-password.css +34 -0
- data/vendor/assets/stylesheets/uikit/components/form-password.gradient.css +34 -0
- data/vendor/assets/stylesheets/uikit/components/form-password.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-password.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-select.almost-flat.css +35 -0
- data/vendor/assets/stylesheets/uikit/components/form-select.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-select.css +35 -0
- data/vendor/assets/stylesheets/uikit/components/form-select.gradient.css +35 -0
- data/vendor/assets/stylesheets/uikit/components/form-select.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/form-select.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/htmleditor.almost-flat.css +222 -0
- data/vendor/assets/stylesheets/uikit/components/htmleditor.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/htmleditor.css +164 -0
- data/vendor/assets/stylesheets/uikit/components/htmleditor.gradient.css +229 -0
- data/vendor/assets/stylesheets/uikit/components/htmleditor.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/htmleditor.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/nestable.almost-flat.css +135 -0
- data/vendor/assets/stylesheets/uikit/components/nestable.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/nestable.css +132 -0
- data/vendor/assets/stylesheets/uikit/components/nestable.gradient.css +139 -0
- data/vendor/assets/stylesheets/uikit/components/nestable.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/nestable.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/notify.almost-flat.css +98 -0
- data/vendor/assets/stylesheets/uikit/components/notify.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/notify.css +92 -0
- data/vendor/assets/stylesheets/uikit/components/notify.gradient.css +98 -0
- data/vendor/assets/stylesheets/uikit/components/notify.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/notify.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/placeholder.almost-flat.css +29 -0
- data/vendor/assets/stylesheets/uikit/components/placeholder.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/placeholder.css +29 -0
- data/vendor/assets/stylesheets/uikit/components/placeholder.gradient.css +29 -0
- data/vendor/assets/stylesheets/uikit/components/placeholder.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/placeholder.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/progress.almost-flat.css +104 -0
- data/vendor/assets/stylesheets/uikit/components/progress.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/progress.css +94 -0
- data/vendor/assets/stylesheets/uikit/components/progress.gradient.css +112 -0
- data/vendor/assets/stylesheets/uikit/components/progress.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/progress.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/search.almost-flat.css +191 -0
- data/vendor/assets/stylesheets/uikit/components/search.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/search.css +189 -0
- data/vendor/assets/stylesheets/uikit/components/search.gradient.css +191 -0
- data/vendor/assets/stylesheets/uikit/components/search.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/search.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slidenav.almost-flat.css +98 -0
- data/vendor/assets/stylesheets/uikit/components/slidenav.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slidenav.css +98 -0
- data/vendor/assets/stylesheets/uikit/components/slidenav.gradient.css +98 -0
- data/vendor/assets/stylesheets/uikit/components/slidenav.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slidenav.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slider.almost-flat.css +85 -0
- data/vendor/assets/stylesheets/uikit/components/slider.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slider.css +85 -0
- data/vendor/assets/stylesheets/uikit/components/slider.gradient.css +85 -0
- data/vendor/assets/stylesheets/uikit/components/slider.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slider.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slideshow.almost-flat.css +140 -0
- data/vendor/assets/stylesheets/uikit/components/slideshow.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slideshow.css +140 -0
- data/vendor/assets/stylesheets/uikit/components/slideshow.gradient.css +140 -0
- data/vendor/assets/stylesheets/uikit/components/slideshow.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/slideshow.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/sortable.almost-flat.css +62 -0
- data/vendor/assets/stylesheets/uikit/components/sortable.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/sortable.css +62 -0
- data/vendor/assets/stylesheets/uikit/components/sortable.gradient.css +62 -0
- data/vendor/assets/stylesheets/uikit/components/sortable.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/sortable.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/sticky.almost-flat.css +31 -0
- data/vendor/assets/stylesheets/uikit/components/sticky.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/sticky.css +31 -0
- data/vendor/assets/stylesheets/uikit/components/sticky.gradient.css +31 -0
- data/vendor/assets/stylesheets/uikit/components/sticky.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/sticky.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/tooltip.almost-flat.css +118 -0
- data/vendor/assets/stylesheets/uikit/components/tooltip.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/tooltip.css +116 -0
- data/vendor/assets/stylesheets/uikit/components/tooltip.gradient.css +118 -0
- data/vendor/assets/stylesheets/uikit/components/tooltip.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/tooltip.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/upload.almost-flat.css +10 -0
- data/vendor/assets/stylesheets/uikit/components/upload.almost-flat.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/upload.css +10 -0
- data/vendor/assets/stylesheets/uikit/components/upload.gradient.css +10 -0
- data/vendor/assets/stylesheets/uikit/components/upload.gradient.min.css +2 -0
- data/vendor/assets/stylesheets/uikit/components/upload.min.css +2 -0
- metadata +295 -0
@@ -0,0 +1,2 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
.uk-slidenav{display:inline-block;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}
|
@@ -0,0 +1,98 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
/* ========================================================================
|
3
|
+
Component: Slidenav
|
4
|
+
========================================================================== */
|
5
|
+
/*
|
6
|
+
* 1. Required for `a` elements
|
7
|
+
* 2. Dimension
|
8
|
+
* 3. Style
|
9
|
+
*/
|
10
|
+
.uk-slidenav {
|
11
|
+
/* 1 */
|
12
|
+
display: inline-block;
|
13
|
+
/* 2 */
|
14
|
+
box-sizing: border-box;
|
15
|
+
width: 60px;
|
16
|
+
height: 60px;
|
17
|
+
/* 3 */
|
18
|
+
line-height: 60px;
|
19
|
+
color: rgba(50, 50, 50, 0.4);
|
20
|
+
font-size: 60px;
|
21
|
+
text-align: center;
|
22
|
+
}
|
23
|
+
/*
|
24
|
+
* Hover
|
25
|
+
* 1. Apply hover style also to focus state
|
26
|
+
* 2. Remove default focus style
|
27
|
+
* 3. Required for `a` elements
|
28
|
+
* 4. Style
|
29
|
+
*/
|
30
|
+
.uk-slidenav:hover,
|
31
|
+
.uk-slidenav:focus {
|
32
|
+
/* 2 */
|
33
|
+
outline: none;
|
34
|
+
/* 3 */
|
35
|
+
text-decoration: none;
|
36
|
+
/* 4 */
|
37
|
+
color: rgba(50, 50, 50, 0.7);
|
38
|
+
cursor: pointer;
|
39
|
+
}
|
40
|
+
/* Active */
|
41
|
+
.uk-slidenav:active {
|
42
|
+
color: rgba(50, 50, 50, 0.9);
|
43
|
+
}
|
44
|
+
/*
|
45
|
+
* Icons
|
46
|
+
*/
|
47
|
+
.uk-slidenav-previous:before {
|
48
|
+
content: "\f104";
|
49
|
+
font-family: FontAwesome;
|
50
|
+
}
|
51
|
+
.uk-slidenav-next:before {
|
52
|
+
content: "\f105";
|
53
|
+
font-family: FontAwesome;
|
54
|
+
}
|
55
|
+
/* Sub-object: `uk-slidenav-position`
|
56
|
+
========================================================================== */
|
57
|
+
/*
|
58
|
+
* Create position context
|
59
|
+
*/
|
60
|
+
.uk-slidenav-position {
|
61
|
+
position: relative;
|
62
|
+
}
|
63
|
+
/*
|
64
|
+
* Center vertically
|
65
|
+
*/
|
66
|
+
.uk-slidenav-position .uk-slidenav {
|
67
|
+
display: none;
|
68
|
+
position: absolute;
|
69
|
+
top: 50%;
|
70
|
+
z-index: 1;
|
71
|
+
margin-top: -30px;
|
72
|
+
}
|
73
|
+
.uk-slidenav-position:hover .uk-slidenav {
|
74
|
+
display: block;
|
75
|
+
}
|
76
|
+
.uk-slidenav-position .uk-slidenav-previous {
|
77
|
+
left: 20px;
|
78
|
+
}
|
79
|
+
.uk-slidenav-position .uk-slidenav-next {
|
80
|
+
right: 20px;
|
81
|
+
}
|
82
|
+
/* Modifier: `uk-slidenav-contrast`
|
83
|
+
========================================================================== */
|
84
|
+
.uk-slidenav-contrast {
|
85
|
+
color: rgba(255, 255, 255, 0.5);
|
86
|
+
}
|
87
|
+
/*
|
88
|
+
* Hover
|
89
|
+
* 1. Apply hover style also to focus state
|
90
|
+
*/
|
91
|
+
.uk-slidenav-contrast:hover,
|
92
|
+
.uk-slidenav-contrast:focus {
|
93
|
+
color: rgba(255, 255, 255, 0.7);
|
94
|
+
}
|
95
|
+
/* Active */
|
96
|
+
.uk-slidenav-contrast:active {
|
97
|
+
color: rgba(255, 255, 255, 0.9);
|
98
|
+
}
|
@@ -0,0 +1,98 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
/* ========================================================================
|
3
|
+
Component: Slidenav
|
4
|
+
========================================================================== */
|
5
|
+
/*
|
6
|
+
* 1. Required for `a` elements
|
7
|
+
* 2. Dimension
|
8
|
+
* 3. Style
|
9
|
+
*/
|
10
|
+
.uk-slidenav {
|
11
|
+
/* 1 */
|
12
|
+
display: inline-block;
|
13
|
+
/* 2 */
|
14
|
+
box-sizing: border-box;
|
15
|
+
width: 60px;
|
16
|
+
height: 60px;
|
17
|
+
/* 3 */
|
18
|
+
line-height: 60px;
|
19
|
+
color: rgba(50, 50, 50, 0.4);
|
20
|
+
font-size: 60px;
|
21
|
+
text-align: center;
|
22
|
+
}
|
23
|
+
/*
|
24
|
+
* Hover
|
25
|
+
* 1. Apply hover style also to focus state
|
26
|
+
* 2. Remove default focus style
|
27
|
+
* 3. Required for `a` elements
|
28
|
+
* 4. Style
|
29
|
+
*/
|
30
|
+
.uk-slidenav:hover,
|
31
|
+
.uk-slidenav:focus {
|
32
|
+
/* 2 */
|
33
|
+
outline: none;
|
34
|
+
/* 3 */
|
35
|
+
text-decoration: none;
|
36
|
+
/* 4 */
|
37
|
+
color: rgba(50, 50, 50, 0.7);
|
38
|
+
cursor: pointer;
|
39
|
+
}
|
40
|
+
/* Active */
|
41
|
+
.uk-slidenav:active {
|
42
|
+
color: rgba(50, 50, 50, 0.9);
|
43
|
+
}
|
44
|
+
/*
|
45
|
+
* Icons
|
46
|
+
*/
|
47
|
+
.uk-slidenav-previous:before {
|
48
|
+
content: "\f104";
|
49
|
+
font-family: FontAwesome;
|
50
|
+
}
|
51
|
+
.uk-slidenav-next:before {
|
52
|
+
content: "\f105";
|
53
|
+
font-family: FontAwesome;
|
54
|
+
}
|
55
|
+
/* Sub-object: `uk-slidenav-position`
|
56
|
+
========================================================================== */
|
57
|
+
/*
|
58
|
+
* Create position context
|
59
|
+
*/
|
60
|
+
.uk-slidenav-position {
|
61
|
+
position: relative;
|
62
|
+
}
|
63
|
+
/*
|
64
|
+
* Center vertically
|
65
|
+
*/
|
66
|
+
.uk-slidenav-position .uk-slidenav {
|
67
|
+
display: none;
|
68
|
+
position: absolute;
|
69
|
+
top: 50%;
|
70
|
+
z-index: 1;
|
71
|
+
margin-top: -30px;
|
72
|
+
}
|
73
|
+
.uk-slidenav-position:hover .uk-slidenav {
|
74
|
+
display: block;
|
75
|
+
}
|
76
|
+
.uk-slidenav-position .uk-slidenav-previous {
|
77
|
+
left: 20px;
|
78
|
+
}
|
79
|
+
.uk-slidenav-position .uk-slidenav-next {
|
80
|
+
right: 20px;
|
81
|
+
}
|
82
|
+
/* Modifier: `uk-slidenav-contrast`
|
83
|
+
========================================================================== */
|
84
|
+
.uk-slidenav-contrast {
|
85
|
+
color: rgba(255, 255, 255, 0.5);
|
86
|
+
}
|
87
|
+
/*
|
88
|
+
* Hover
|
89
|
+
* 1. Apply hover style also to focus state
|
90
|
+
*/
|
91
|
+
.uk-slidenav-contrast:hover,
|
92
|
+
.uk-slidenav-contrast:focus {
|
93
|
+
color: rgba(255, 255, 255, 0.7);
|
94
|
+
}
|
95
|
+
/* Active */
|
96
|
+
.uk-slidenav-contrast:active {
|
97
|
+
color: rgba(255, 255, 255, 0.9);
|
98
|
+
}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
.uk-slidenav{display:inline-block;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
.uk-slidenav{display:inline-block;box-sizing:border-box;width:60px;height:60px;line-height:60px;color:rgba(50,50,50,.4);font-size:60px;text-align:center}.uk-slidenav:focus,.uk-slidenav:hover{outline:0;text-decoration:none;color:rgba(50,50,50,.7);cursor:pointer}.uk-slidenav:active{color:rgba(50,50,50,.9)}.uk-slidenav-previous:before{content:"\f104";font-family:FontAwesome}.uk-slidenav-next:before{content:"\f105";font-family:FontAwesome}.uk-slidenav-position{position:relative}.uk-slidenav-position .uk-slidenav{display:none;position:absolute;top:50%;z-index:1;margin-top:-30px}.uk-slidenav-position:hover .uk-slidenav{display:block}.uk-slidenav-position .uk-slidenav-previous{left:20px}.uk-slidenav-position .uk-slidenav-next{right:20px}.uk-slidenav-contrast{color:rgba(255,255,255,.5)}.uk-slidenav-contrast:focus,.uk-slidenav-contrast:hover{color:rgba(255,255,255,.7)}.uk-slidenav-contrast:active{color:rgba(255,255,255,.9)}
|
@@ -0,0 +1,85 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
/* ========================================================================
|
3
|
+
Component: Slider
|
4
|
+
========================================================================== */
|
5
|
+
/*
|
6
|
+
* 1. Create position context
|
7
|
+
* 2. Create stacking context to prevent z-index issues with other components
|
8
|
+
* 3. Deactivate browser history navigation in IE11
|
9
|
+
*/
|
10
|
+
.uk-slider {
|
11
|
+
/* 1 */
|
12
|
+
position: relative;
|
13
|
+
/* 2 */
|
14
|
+
z-index: 0;
|
15
|
+
/* 3 */
|
16
|
+
touch-action: pan-y;
|
17
|
+
}
|
18
|
+
/*
|
19
|
+
* 1. Reset list style without interfering with grid
|
20
|
+
*/
|
21
|
+
.uk-slider:not(.uk-grid) {
|
22
|
+
/* 1 */
|
23
|
+
margin: 0;
|
24
|
+
padding: 0;
|
25
|
+
list-style: none;
|
26
|
+
}
|
27
|
+
/*
|
28
|
+
* Sub-object item
|
29
|
+
* 1. Position items above each other
|
30
|
+
*/
|
31
|
+
.uk-slider > * {
|
32
|
+
/* 1 */
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
}
|
37
|
+
/*
|
38
|
+
* Clip child elements
|
39
|
+
*/
|
40
|
+
.uk-slider-container {
|
41
|
+
overflow: hidden;
|
42
|
+
}
|
43
|
+
/*
|
44
|
+
* Dragged
|
45
|
+
*/
|
46
|
+
.uk-slider:not(.uk-drag) {
|
47
|
+
-webkit-transition: -webkit-transform 200ms linear;
|
48
|
+
transition: transform 200ms linear;
|
49
|
+
}
|
50
|
+
/*
|
51
|
+
* 1. Makes text unselectable
|
52
|
+
*/
|
53
|
+
.uk-slider.uk-drag {
|
54
|
+
cursor: col-resize;
|
55
|
+
/* 1 */
|
56
|
+
-moz-user-select: none;
|
57
|
+
-webkit-user-select: none;
|
58
|
+
-ms-user-select: none;
|
59
|
+
user-select: none;
|
60
|
+
}
|
61
|
+
/*
|
62
|
+
* 1. Prevents images and links from being dragged (default browser behavior)
|
63
|
+
* 2. Disables the default callout shown when you touch and hold a touch target
|
64
|
+
* Currently only works in Webkit
|
65
|
+
*/
|
66
|
+
.uk-slider a,
|
67
|
+
.uk-slider img {
|
68
|
+
/* 1 */
|
69
|
+
-webkit-user-drag: none;
|
70
|
+
user-drag: none;
|
71
|
+
/* 2 */
|
72
|
+
-webkit-touch-callout: none;
|
73
|
+
}
|
74
|
+
/*
|
75
|
+
* 1. Prevents images and links from being dragged in Firefox
|
76
|
+
*/
|
77
|
+
.uk-slider img {
|
78
|
+
pointer-events: none;
|
79
|
+
}
|
80
|
+
/* Modifier: `uk-slider-fullscreen`
|
81
|
+
========================================================================== */
|
82
|
+
.uk-slider-fullscreen,
|
83
|
+
.uk-slider-fullscreen > li {
|
84
|
+
height: 100vh;
|
85
|
+
}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
.uk-slider{position:relative;z-index:0;touch-action:pan-y}.uk-slider:not(.uk-grid){margin:0;padding:0;list-style:none}.uk-slider>*{position:absolute;top:0;left:0}.uk-slider-container{overflow:hidden}.uk-slider:not(.uk-drag){-webkit-transition:-webkit-transform 200ms linear;transition:transform 200ms linear}.uk-slider.uk-drag{cursor:col-resize;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.uk-slider a,.uk-slider img{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.uk-slider img{pointer-events:none}.uk-slider-fullscreen,.uk-slider-fullscreen>li{height:100vh}
|
@@ -0,0 +1,85 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
/* ========================================================================
|
3
|
+
Component: Slider
|
4
|
+
========================================================================== */
|
5
|
+
/*
|
6
|
+
* 1. Create position context
|
7
|
+
* 2. Create stacking context to prevent z-index issues with other components
|
8
|
+
* 3. Deactivate browser history navigation in IE11
|
9
|
+
*/
|
10
|
+
.uk-slider {
|
11
|
+
/* 1 */
|
12
|
+
position: relative;
|
13
|
+
/* 2 */
|
14
|
+
z-index: 0;
|
15
|
+
/* 3 */
|
16
|
+
touch-action: pan-y;
|
17
|
+
}
|
18
|
+
/*
|
19
|
+
* 1. Reset list style without interfering with grid
|
20
|
+
*/
|
21
|
+
.uk-slider:not(.uk-grid) {
|
22
|
+
/* 1 */
|
23
|
+
margin: 0;
|
24
|
+
padding: 0;
|
25
|
+
list-style: none;
|
26
|
+
}
|
27
|
+
/*
|
28
|
+
* Sub-object item
|
29
|
+
* 1. Position items above each other
|
30
|
+
*/
|
31
|
+
.uk-slider > * {
|
32
|
+
/* 1 */
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
}
|
37
|
+
/*
|
38
|
+
* Clip child elements
|
39
|
+
*/
|
40
|
+
.uk-slider-container {
|
41
|
+
overflow: hidden;
|
42
|
+
}
|
43
|
+
/*
|
44
|
+
* Dragged
|
45
|
+
*/
|
46
|
+
.uk-slider:not(.uk-drag) {
|
47
|
+
-webkit-transition: -webkit-transform 200ms linear;
|
48
|
+
transition: transform 200ms linear;
|
49
|
+
}
|
50
|
+
/*
|
51
|
+
* 1. Makes text unselectable
|
52
|
+
*/
|
53
|
+
.uk-slider.uk-drag {
|
54
|
+
cursor: col-resize;
|
55
|
+
/* 1 */
|
56
|
+
-moz-user-select: none;
|
57
|
+
-webkit-user-select: none;
|
58
|
+
-ms-user-select: none;
|
59
|
+
user-select: none;
|
60
|
+
}
|
61
|
+
/*
|
62
|
+
* 1. Prevents images and links from being dragged (default browser behavior)
|
63
|
+
* 2. Disables the default callout shown when you touch and hold a touch target
|
64
|
+
* Currently only works in Webkit
|
65
|
+
*/
|
66
|
+
.uk-slider a,
|
67
|
+
.uk-slider img {
|
68
|
+
/* 1 */
|
69
|
+
-webkit-user-drag: none;
|
70
|
+
user-drag: none;
|
71
|
+
/* 2 */
|
72
|
+
-webkit-touch-callout: none;
|
73
|
+
}
|
74
|
+
/*
|
75
|
+
* 1. Prevents images and links from being dragged in Firefox
|
76
|
+
*/
|
77
|
+
.uk-slider img {
|
78
|
+
pointer-events: none;
|
79
|
+
}
|
80
|
+
/* Modifier: `uk-slider-fullscreen`
|
81
|
+
========================================================================== */
|
82
|
+
.uk-slider-fullscreen,
|
83
|
+
.uk-slider-fullscreen > li {
|
84
|
+
height: 100vh;
|
85
|
+
}
|
@@ -0,0 +1,85 @@
|
|
1
|
+
/*! UIkit 2.22.0 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
|
2
|
+
/* ========================================================================
|
3
|
+
Component: Slider
|
4
|
+
========================================================================== */
|
5
|
+
/*
|
6
|
+
* 1. Create position context
|
7
|
+
* 2. Create stacking context to prevent z-index issues with other components
|
8
|
+
* 3. Deactivate browser history navigation in IE11
|
9
|
+
*/
|
10
|
+
.uk-slider {
|
11
|
+
/* 1 */
|
12
|
+
position: relative;
|
13
|
+
/* 2 */
|
14
|
+
z-index: 0;
|
15
|
+
/* 3 */
|
16
|
+
touch-action: pan-y;
|
17
|
+
}
|
18
|
+
/*
|
19
|
+
* 1. Reset list style without interfering with grid
|
20
|
+
*/
|
21
|
+
.uk-slider:not(.uk-grid) {
|
22
|
+
/* 1 */
|
23
|
+
margin: 0;
|
24
|
+
padding: 0;
|
25
|
+
list-style: none;
|
26
|
+
}
|
27
|
+
/*
|
28
|
+
* Sub-object item
|
29
|
+
* 1. Position items above each other
|
30
|
+
*/
|
31
|
+
.uk-slider > * {
|
32
|
+
/* 1 */
|
33
|
+
position: absolute;
|
34
|
+
top: 0;
|
35
|
+
left: 0;
|
36
|
+
}
|
37
|
+
/*
|
38
|
+
* Clip child elements
|
39
|
+
*/
|
40
|
+
.uk-slider-container {
|
41
|
+
overflow: hidden;
|
42
|
+
}
|
43
|
+
/*
|
44
|
+
* Dragged
|
45
|
+
*/
|
46
|
+
.uk-slider:not(.uk-drag) {
|
47
|
+
-webkit-transition: -webkit-transform 200ms linear;
|
48
|
+
transition: transform 200ms linear;
|
49
|
+
}
|
50
|
+
/*
|
51
|
+
* 1. Makes text unselectable
|
52
|
+
*/
|
53
|
+
.uk-slider.uk-drag {
|
54
|
+
cursor: col-resize;
|
55
|
+
/* 1 */
|
56
|
+
-moz-user-select: none;
|
57
|
+
-webkit-user-select: none;
|
58
|
+
-ms-user-select: none;
|
59
|
+
user-select: none;
|
60
|
+
}
|
61
|
+
/*
|
62
|
+
* 1. Prevents images and links from being dragged (default browser behavior)
|
63
|
+
* 2. Disables the default callout shown when you touch and hold a touch target
|
64
|
+
* Currently only works in Webkit
|
65
|
+
*/
|
66
|
+
.uk-slider a,
|
67
|
+
.uk-slider img {
|
68
|
+
/* 1 */
|
69
|
+
-webkit-user-drag: none;
|
70
|
+
user-drag: none;
|
71
|
+
/* 2 */
|
72
|
+
-webkit-touch-callout: none;
|
73
|
+
}
|
74
|
+
/*
|
75
|
+
* 1. Prevents images and links from being dragged in Firefox
|
76
|
+
*/
|
77
|
+
.uk-slider img {
|
78
|
+
pointer-events: none;
|
79
|
+
}
|
80
|
+
/* Modifier: `uk-slider-fullscreen`
|
81
|
+
========================================================================== */
|
82
|
+
.uk-slider-fullscreen,
|
83
|
+
.uk-slider-fullscreen > li {
|
84
|
+
height: 100vh;
|
85
|
+
}
|