uikit 3.10.0 → 3.10.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/.eslintrc.json +0 -1
  2. package/CHANGELOG.md +17 -7
  3. package/CONTRIBUTING.md +1 -1
  4. package/README.md +4 -2
  5. package/build/.eslintrc.json +10 -1
  6. package/build/build.js +5 -5
  7. package/build/less.js +1 -2
  8. package/build/scss.js +1 -1
  9. package/dist/css/uikit-core-rtl.css +8 -5
  10. package/dist/css/uikit-core-rtl.min.css +1 -1
  11. package/dist/css/uikit-core.css +8 -5
  12. package/dist/css/uikit-core.min.css +1 -1
  13. package/dist/css/uikit-rtl.css +8 -5
  14. package/dist/css/uikit-rtl.min.css +1 -1
  15. package/dist/css/uikit.css +8 -5
  16. package/dist/css/uikit.min.css +1 -1
  17. package/dist/js/components/countdown.js +1 -1
  18. package/dist/js/components/countdown.min.js +1 -1
  19. package/dist/js/components/filter.js +5 -5
  20. package/dist/js/components/filter.min.js +1 -1
  21. package/dist/js/components/lightbox-panel.js +2 -2
  22. package/dist/js/components/lightbox-panel.min.js +1 -1
  23. package/dist/js/components/lightbox.js +2 -2
  24. package/dist/js/components/lightbox.min.js +1 -1
  25. package/dist/js/components/notification.js +1 -1
  26. package/dist/js/components/notification.min.js +1 -1
  27. package/dist/js/components/parallax.js +2 -2
  28. package/dist/js/components/parallax.min.js +1 -1
  29. package/dist/js/components/slider-parallax.js +3 -9
  30. package/dist/js/components/slider-parallax.min.js +1 -1
  31. package/dist/js/components/slider.js +2 -2
  32. package/dist/js/components/slider.min.js +1 -1
  33. package/dist/js/components/slideshow-parallax.js +3 -9
  34. package/dist/js/components/slideshow-parallax.min.js +1 -1
  35. package/dist/js/components/slideshow.js +6 -2
  36. package/dist/js/components/slideshow.min.js +1 -1
  37. package/dist/js/components/sortable.js +5 -5
  38. package/dist/js/components/sortable.min.js +1 -1
  39. package/dist/js/components/tooltip.js +5 -4
  40. package/dist/js/components/tooltip.min.js +1 -1
  41. package/dist/js/components/upload.js +1 -1
  42. package/dist/js/components/upload.min.js +1 -1
  43. package/dist/js/uikit-core.js +23 -22
  44. package/dist/js/uikit-core.min.js +1 -1
  45. package/dist/js/uikit-icons.js +1 -1
  46. package/dist/js/uikit-icons.min.js +1 -1
  47. package/dist/js/uikit.js +36 -36
  48. package/dist/js/uikit.min.js +1 -1
  49. package/package.json +3 -3
  50. package/src/js/api/component.js +3 -3
  51. package/src/js/api/state.js +3 -3
  52. package/src/js/components/slider-parallax.js +1 -7
  53. package/src/js/components/slideshow.js +4 -0
  54. package/src/js/components/tooltip.js +2 -1
  55. package/src/js/core/navbar.js +1 -1
  56. package/src/js/core/sticky.js +1 -1
  57. package/src/js/core/toggle.js +4 -3
  58. package/src/js/mixin/animate.js +4 -4
  59. package/src/js/mixin/internal/slideshow-animations.js +1 -1
  60. package/src/js/mixin/parallax.js +1 -1
  61. package/src/js/mixin/position.js +3 -3
  62. package/src/js/util/dom.js +3 -3
  63. package/src/js/util/lang.js +1 -1
  64. package/src/js/util/viewport.js +3 -3
  65. package/src/less/components/cover.less +4 -2
  66. package/src/less/components/divider.less +1 -1
  67. package/src/less/components/utility.less +2 -1
  68. package/src/scss/components/cover.scss +4 -2
  69. package/src/scss/components/divider.scss +1 -1
  70. package/src/scss/components/utility.scss +2 -1
  71. package/tests/base.html +12 -12
  72. package/tests/button.html +1 -1
  73. package/tests/cover.html +5 -5
  74. package/tests/drop.html +2 -2
  75. package/tests/dropdown.html +1 -1
  76. package/tests/flex.html +1 -1
  77. package/tests/grid-masonry.html +1 -1
  78. package/tests/grid-parallax.html +1 -1
  79. package/tests/grid.html +1 -1
  80. package/tests/height.html +2 -2
  81. package/tests/js/index.js +3 -8
  82. package/tests/margin.html +1 -1
  83. package/tests/modal.html +2 -2
  84. package/tests/navbar.html +2 -2
  85. package/tests/padding.html +1 -1
  86. package/tests/parallax.html +1 -1
  87. package/tests/slider.html +1 -1
  88. package/tests/slideshow.html +2 -2
  89. package/tests/sticky.html +2 -2
  90. package/tests/switcher.html +1 -1
  91. package/tests/tab.html +1 -1
  92. package/tests/utility.html +1 -1
  93. package/tests/video.html +3 -3
  94. package/tests/width.html +1 -1
package/tests/navbar.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Navbar - UIkit tests</title>
8
8
  <script src="js/test.js"></script>
9
- <style type="text/css">
9
+ <style>
10
10
 
11
11
  .test {
12
12
  display: block;
@@ -1956,7 +1956,7 @@
1956
1956
  <td><code>boundary</code></td>
1957
1957
  <td>CSS selector</td>
1958
1958
  <td>true</td>
1959
- <td>Referenced element to keep Drop's visibility. By default it's the navbar component's element.</td>
1959
+ <td>Referenced element to keep Drop's visibility. By default, it's the navbar component's element.</td>
1960
1960
  </tr>
1961
1961
  <tr>
1962
1962
  <td><code>boundary-align</code></td>
package/tests/padding.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Padding - UIkit tests</title>
8
8
  <script src="js/test.js"></script>
9
- <style type="text/css">
9
+ <style>
10
10
 
11
11
  .uk-panel { background: #f0f0f0; }
12
12
 
package/tests/parallax.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Parallax - UIkit tests</title>
8
8
  <script src="js/test.js"></script>
9
- <style type="text/css">
9
+ <style>
10
10
 
11
11
  .test-color { border: 10px #fff solid; }
12
12
 
package/tests/slider.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Slider - UIkit tests</title>
8
8
  <script src="js/test.js"></script>
9
- <style type="text/css">
9
+ <style>
10
10
 
11
11
  .test > :nth-child(10n-9) > canvas { background: rgba(0,0,0,0.1); }
12
12
  .test > :nth-child(10n-8) > canvas { background: rgba(0,0,0,0.15); }
package/tests/slideshow.html CHANGED
@@ -105,14 +105,14 @@
105
105
  </div>
106
106
  </li>
107
107
  <li>
108
- <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;loop=1&amp;modestbranding=1&amp;wmode=transparent&amp;playsinline=1" width="1920" height="1080" frameborder="0" allowfullscreen uk-cover></iframe>
108
+ <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;loop=1&amp;modestbranding=1&amp;wmode=transparent&amp;playsinline=1" width="1920" height="1080" allowfullscreen uk-cover></iframe>
109
109
  <div class="uk-position-center uk-position-small uk-text-center">
110
110
  <h2 uk-slideshow-parallax="x: 100,-100">YouTube</h2>
111
111
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
112
112
  </div>
113
113
  </li>
114
114
  <li>
115
- <iframe src="https://player.vimeo.com/video/1084537?title=0&amp;byline=0&amp;autoplay=1&amp;loop=1&amp;setVolume=0" width="500" height="281" frameborder="0" allowfullscreen uk-cover></iframe>
115
+ <iframe src="https://player.vimeo.com/video/1084537?title=0&amp;byline=0&amp;autoplay=1&amp;loop=1&amp;setVolume=0" width="500" height="281" allowfullscreen uk-cover></iframe>
116
116
  <div class="uk-position-center uk-position-small uk-text-center">
117
117
  <h2 uk-slideshow-parallax="x: 100,-100">Vimeo</h2>
118
118
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
package/tests/sticky.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Sticky - UIkit tests</title>
8
8
  <script src="js/test.js"></script>
9
- <style type="text/css">
9
+ <style>
10
10
 
11
11
  #viewport { border: 1px dashed rgba(0,0,0,0.2); }
12
12
 
@@ -115,7 +115,7 @@
115
115
  <td><code>width-element</code></td>
116
116
  <td>CSS Selector</td>
117
117
  <td>false</td>
118
- <td>The element the Sticky should get its with from in active mode.</td>
118
+ <td>The element the Sticky should get its width from in active mode.</td>
119
119
  </tr>
120
120
  <tr>
121
121
  <td><code>show-on-up</code></td>
package/tests/switcher.html CHANGED
@@ -346,7 +346,7 @@
346
346
  <td><code>itemNav</code></td>
347
347
  <td>CSS selector</td>
348
348
  <td>false</td>
349
- <td>Related nav container. By default, nav items are found in related items container only.</td>
349
+ <td>Related nav container. By default, nav items are found in related item's container only.</td>
350
350
  </tr>
351
351
  <tr>
352
352
  <td><code>active</code></td>
package/tests/tab.html CHANGED
@@ -170,7 +170,7 @@
170
170
  <td><code>connect</code></td>
171
171
  <td>CSS selector</td>
172
172
  <td>false</td>
173
- <td>Related items container. By default next element with class 'uk-switcher'.</td>
173
+ <td>Related items container. By default, next element with class 'uk-switcher'.</td>
174
174
  </tr>
175
175
  <tr>
176
176
  <td><code>toggle</code></td>
package/tests/utility.html CHANGED
@@ -235,7 +235,7 @@
235
235
  <div class="uk-child-width-1-3@s" uk-grid>
236
236
  <div>
237
237
  <p>JS Responsive Width (Iframe)</p>
238
- <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=0&amp;showinfo=0&amp;rel=0&amp;modestbranding=1" width="1920" height="1080" frameborder="0" allowfullscreen uk-responsive></iframe>
238
+ <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=0&amp;showinfo=0&amp;rel=0&amp;modestbranding=1" width="1920" height="1080" allowfullscreen uk-responsive></iframe>
239
239
  </div>
240
240
  <div>
241
241
  <p>Responsive Height (Image)</p>
package/tests/video.html CHANGED
@@ -18,7 +18,7 @@
18
18
  <div>
19
19
 
20
20
  <h3>Autoplay</h3>
21
-
21
+
22
22
  <button class="uk-button uk-button-default uk-margin-bottom" type="button" uk-toggle="target: +">Toggle Video</button>
23
23
  <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" controls playsinline uk-video="automute: true"></video>
24
24
 
@@ -28,7 +28,7 @@
28
28
  <h3>Autoplay Inview</h3>
29
29
 
30
30
  <button class="uk-button uk-button-default uk-margin-bottom" type="button" uk-toggle="target: +">Toggle Video</button>
31
- <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=0&amp;showinfo=0&amp;rel=0&amp;modestbranding=1&amp;playsinline=1" width="1920" height="1080" frameborder="0" allowfullscreen uk-responsive uk-video="automute: true; autoplay: inview"></iframe>
31
+ <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=0&amp;showinfo=0&amp;rel=0&amp;modestbranding=1&amp;playsinline=1" width="1920" height="1080" allowfullscreen uk-responsive uk-video="automute: true; autoplay: inview"></iframe>
32
32
  </div>
33
33
  </div>
34
34
 
@@ -48,7 +48,7 @@
48
48
  <td><code>autoplay</code></td>
49
49
  <td>Boolean|String</td>
50
50
  <td><code>true</code></td>
51
- <td>The video automatically plays/pauses as it's visible/hidden on the page. A value of `inview` will delay loading the video and play/pause the video as it enters/leaves the viewport.</td>
51
+ <td>The video automatically plays/pauses when visible/hidden on the page. A value of `inview` will delay loading the video and play/pause the video as it enters/leaves the viewport.</td>
52
52
  </tr>
53
53
  <tr>
54
54
  <td><code>automute</code></td>
package/tests/width.html CHANGED
@@ -6,7 +6,7 @@
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1">
7
7
  <title>Width - UIkit tests</title>
8
8
  <script src="js/test.js"></script>
9
- <style type="text/css">
9
+ <style>
10
10
 
11
11
  .uk-panel {
12
12
  padding: 10px;