uikit 3.25.20-dev.e4f47fc → 3.25.20

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 (201) hide show
  1. package/CHANGELOG.md +2 -33
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/dist/css/uikit-core-rtl.css +917 -1045
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +917 -1045
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +936 -1064
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +936 -1064
  13. package/dist/css/uikit.min.css +1 -1
  14. package/dist/js/components/countdown.js +1 -1
  15. package/dist/js/components/countdown.min.js +1 -1
  16. package/dist/js/components/filter.js +1 -1
  17. package/dist/js/components/filter.min.js +1 -1
  18. package/dist/js/components/lightbox-panel.js +132 -133
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +133 -134
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +1 -1
  23. package/dist/js/components/notification.min.js +1 -1
  24. package/dist/js/components/parallax.js +12 -8
  25. package/dist/js/components/parallax.min.js +1 -1
  26. package/dist/js/components/slider-parallax.js +12 -8
  27. package/dist/js/components/slider-parallax.min.js +1 -1
  28. package/dist/js/components/slider.js +25 -41
  29. package/dist/js/components/slider.min.js +1 -1
  30. package/dist/js/components/slideshow-parallax.js +12 -8
  31. package/dist/js/components/slideshow-parallax.min.js +1 -1
  32. package/dist/js/components/slideshow.js +102 -71
  33. package/dist/js/components/slideshow.min.js +1 -1
  34. package/dist/js/components/sortable.js +1 -1
  35. package/dist/js/components/sortable.min.js +1 -1
  36. package/dist/js/components/tooltip.js +19 -19
  37. package/dist/js/components/tooltip.min.js +1 -1
  38. package/dist/js/components/upload.js +1 -1
  39. package/dist/js/components/upload.min.js +1 -1
  40. package/dist/js/uikit-core.js +262 -752
  41. package/dist/js/uikit-core.min.js +1 -1
  42. package/dist/js/uikit-icons.js +1 -1
  43. package/dist/js/uikit-icons.min.js +1 -1
  44. package/dist/js/uikit.js +374 -627
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +1 -1
  47. package/src/js/api/component.js +3 -2
  48. package/src/js/api/observables.js +4 -2
  49. package/src/js/api/options.js +3 -6
  50. package/src/js/api/props.js +4 -1
  51. package/src/js/api/state.js +8 -7
  52. package/src/js/components/index.js +0 -1
  53. package/src/js/components/internal/lightbox-animations.js +26 -7
  54. package/src/js/components/internal/slideshow-animations.js +62 -15
  55. package/src/js/components/lightbox-panel.js +96 -121
  56. package/src/js/components/lightbox.js +8 -5
  57. package/src/js/components/tooltip.js +2 -4
  58. package/src/js/core/accordion.js +29 -78
  59. package/src/js/core/drop.js +4 -5
  60. package/src/js/core/dropnav.js +3 -3
  61. package/src/js/core/grid.js +19 -5
  62. package/src/js/core/height-match.js +2 -1
  63. package/src/js/core/margin.js +0 -3
  64. package/src/js/core/overflow-fade.js +5 -5
  65. package/src/js/core/sticky.js +1 -1
  66. package/src/js/core/switcher.js +44 -24
  67. package/src/js/core/video.js +15 -172
  68. package/src/js/mixin/internal/slideshow-animations.js +13 -5
  69. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  70. package/src/js/mixin/modal.js +3 -4
  71. package/src/js/mixin/parallax.js +4 -1
  72. package/src/js/mixin/position.js +1 -1
  73. package/src/js/mixin/slider-nav.js +1 -1
  74. package/src/js/mixin/slider-parallax.js +38 -9
  75. package/src/js/mixin/togglable.js +14 -13
  76. package/src/js/util/attr.js +7 -7
  77. package/src/js/util/class.js +1 -1
  78. package/src/js/util/dom.js +4 -3
  79. package/src/js/util/lang.js +1 -1
  80. package/src/js/util/player.js +4 -4
  81. package/src/js/util/style.js +15 -10
  82. package/src/js/util/viewport.js +25 -22
  83. package/src/less/components/_import.less +1 -6
  84. package/src/less/components/base.less +1 -1
  85. package/src/less/components/button.less +1 -1
  86. package/src/less/components/form.less +5 -5
  87. package/src/less/components/grid.less +65 -58
  88. package/src/less/components/margin.less +124 -155
  89. package/src/less/components/nav.less +1 -1
  90. package/src/less/components/padding.less +9 -9
  91. package/src/less/components/text.less +0 -6
  92. package/src/less/components/utility.less +163 -0
  93. package/src/less/theme/_import.less +1 -5
  94. package/src/less/theme/utility.less +32 -0
  95. package/src/scss/components/_import.scss +1 -6
  96. package/src/scss/components/base.scss +1 -1
  97. package/src/scss/components/button.scss +1 -1
  98. package/src/scss/components/form.scss +5 -5
  99. package/src/scss/components/grid.scss +64 -57
  100. package/src/scss/components/margin.scss +124 -155
  101. package/src/scss/components/nav.scss +1 -1
  102. package/src/scss/components/padding.scss +9 -9
  103. package/src/scss/components/text.scss +0 -6
  104. package/src/scss/components/utility.scss +129 -0
  105. package/src/scss/mixins-theme.scss +33 -42
  106. package/src/scss/mixins.scss +30 -39
  107. package/src/scss/variables-theme.scss +14 -14
  108. package/src/scss/variables.scss +14 -14
  109. package/tests/accordion.html +10 -77
  110. package/tests/alert.html +1 -1
  111. package/tests/align.html +5 -5
  112. package/tests/animation.html +4 -4
  113. package/tests/article.html +7 -7
  114. package/tests/background.html +2 -2
  115. package/tests/badge.html +1 -1
  116. package/tests/base.html +3 -3
  117. package/tests/button.html +1 -1
  118. package/tests/card.html +15 -15
  119. package/tests/close.html +2 -2
  120. package/tests/comment.html +9 -9
  121. package/tests/container.html +2 -2
  122. package/tests/countdown.html +21 -21
  123. package/tests/cover.html +6 -6
  124. package/tests/description-list.html +1 -1
  125. package/tests/divider.html +3 -3
  126. package/tests/dotnav.html +1 -1
  127. package/tests/drop.html +7 -7
  128. package/tests/dropbar.html +5 -5
  129. package/tests/dropdown.html +1 -1
  130. package/tests/dropnav.html +18 -18
  131. package/tests/filter.html +3 -3
  132. package/tests/form.html +14 -14
  133. package/tests/grid.html +47 -41
  134. package/tests/heading.html +2 -2
  135. package/tests/height-viewport.html +4 -4
  136. package/tests/height.html +5 -5
  137. package/tests/icon.html +8 -8
  138. package/tests/image.html +6 -6
  139. package/tests/index.html +13 -13
  140. package/tests/js/index.js +1 -1
  141. package/tests/leader.html +5 -5
  142. package/tests/lightbox.html +14 -14
  143. package/tests/link.html +1 -1
  144. package/tests/list.html +4 -4
  145. package/tests/margin.html +7 -7
  146. package/tests/marker.html +3 -3
  147. package/tests/modal.html +4 -4
  148. package/tests/nav.html +5 -5
  149. package/tests/navbar.html +27 -27
  150. package/tests/notification.html +2 -2
  151. package/tests/offcanvas.html +12 -12
  152. package/tests/overlay.html +3 -3
  153. package/tests/padding.html +1 -1
  154. package/tests/pagination.html +3 -3
  155. package/tests/parallax.html +1 -1
  156. package/tests/position.html +6 -6
  157. package/tests/scrollspy.html +12 -12
  158. package/tests/search.html +5 -5
  159. package/tests/section.html +17 -17
  160. package/tests/slidenav.html +3 -3
  161. package/tests/slider.html +5 -5
  162. package/tests/slideshow.html +4 -34
  163. package/tests/sortable.html +15 -15
  164. package/tests/sticky-navbar.html +4 -4
  165. package/tests/sticky-parallax.html +3 -3
  166. package/tests/sticky.html +3 -3
  167. package/tests/svg.html +2 -3
  168. package/tests/switcher.html +6 -6
  169. package/tests/tab.html +4 -4
  170. package/tests/text.html +3 -3
  171. package/tests/tile.html +4 -4
  172. package/tests/toggle.html +1 -1
  173. package/tests/tooltip.html +3 -3
  174. package/tests/totop.html +2 -2
  175. package/tests/transition.html +1 -1
  176. package/tests/upload.html +5 -5
  177. package/tests/utility.html +116 -16
  178. package/tests/video.html +27 -227
  179. package/tests/visibility.html +4 -4
  180. package/tests/width.html +12 -12
  181. package/dist/js/components/marquee.js +0 -179
  182. package/dist/js/components/marquee.min.js +0 -1
  183. package/src/js/components/marquee.js +0 -123
  184. package/src/js/mixin/connect.js +0 -55
  185. package/src/js/mixin/scroll-driven.js +0 -57
  186. package/src/less/components/dropcap.less +0 -71
  187. package/src/less/components/floating-shadow.less +0 -66
  188. package/src/less/components/logo.less +0 -94
  189. package/src/less/components/marquee.less +0 -133
  190. package/src/less/theme/dropcap.less +0 -29
  191. package/src/less/theme/floating-shadow.less +0 -20
  192. package/src/less/theme/logo.less +0 -29
  193. package/src/less/theme/marquee.less +0 -14
  194. package/src/scss/components/dropcap.scss +0 -63
  195. package/src/scss/components/floating-shadow.scss +0 -63
  196. package/src/scss/components/logo.scss +0 -75
  197. package/src/scss/components/marquee.scss +0 -136
  198. package/tests/dropcap.html +0 -26
  199. package/tests/floating-shadow.html +0 -44
  200. package/tests/logo.html +0 -84
  201. package/tests/marquee.html +0 -617
package/tests/search.html CHANGED
@@ -325,7 +325,7 @@
325
325
  <a class="uk-navbar-toggle" href uk-search-icon></a>
326
326
  <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; flip: false">
327
327
 
328
- <div class="uk-grid uk-grid-small uk-flex-middle">
328
+ <div class="uk-grid-small uk-flex-middle" uk-grid>
329
329
  <div class="uk-width-expand">
330
330
  <form class="uk-search uk-search-medium uk-width-1-1">
331
331
  <input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
@@ -371,7 +371,7 @@
371
371
  <a class="uk-navbar-toggle" href uk-search-icon></a>
372
372
  <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
373
373
 
374
- <div class="uk-grid uk-grid-small uk-flex-middle">
374
+ <div class="uk-grid-small uk-flex-middle" uk-grid>
375
375
  <div class="uk-width-expand">
376
376
  <form class="uk-search uk-search-medium uk-width-1-1">
377
377
  <input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
@@ -417,7 +417,7 @@
417
417
  <a class="uk-navbar-toggle" href uk-search-icon></a>
418
418
  <div class="uk-dropbar uk-dropbar-top" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
419
419
 
420
- <div class="uk-grid uk-grid-small uk-flex-middle">
420
+ <div class="uk-grid-small uk-flex-middle" uk-grid>
421
421
  <div class="uk-width-expand">
422
422
  <form class="uk-search uk-search-medium uk-width-1-1">
423
423
  <input class="uk-search-input" type="search" placeholder="Search…" aria-label="Search" autofocus>
@@ -480,7 +480,7 @@
480
480
 
481
481
  <div class="uk-container uk-margin-medium-top">
482
482
 
483
- <h2>JavaScript Options</h2>
483
+ <h2>Javascript Options</h2>
484
484
 
485
485
  <div class="uk-overflow-auto">
486
486
  <table class="uk-table uk-table-striped">
@@ -497,7 +497,7 @@
497
497
  <td><code>i18n</code></td>
498
498
  <td>Object</td>
499
499
  <td>null</td>
500
- <td>Override the default translations.</td>
500
+ <td>Override default translation texts.</td>
501
501
  </tr>
502
502
  </tbody>
503
503
  </table>
package/tests/section.html CHANGED
@@ -25,7 +25,7 @@
25
25
 
26
26
  <h1>Section Default</h1>
27
27
 
28
- <div class="uk-grid uk-grid-match uk-child-width-1-3@m">
28
+ <div class="uk-grid-match uk-child-width-1-3@m" uk-grid>
29
29
  <div>
30
30
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
31
31
  </div>
@@ -45,7 +45,7 @@
45
45
 
46
46
  <h1>Section Muted</h1>
47
47
 
48
- <div class="uk-grid uk-grid-match uk-child-width-1-3@m">
48
+ <div class="uk-grid-match uk-child-width-1-3@m" uk-grid>
49
49
  <div>
50
50
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
51
51
  </div>
@@ -65,7 +65,7 @@
65
65
 
66
66
  <h1>Section Primary</h1>
67
67
 
68
- <div class="uk-grid uk-grid-match uk-child-width-1-3@m">
68
+ <div class="uk-grid-match uk-child-width-1-3@m" uk-grid>
69
69
  <div>
70
70
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
71
71
  </div>
@@ -85,7 +85,7 @@
85
85
 
86
86
  <h1>Section Secondary</h1>
87
87
 
88
- <div class="uk-grid uk-grid-match uk-child-width-1-3@m">
88
+ <div class="uk-grid-match uk-child-width-1-3@m" uk-grid>
89
89
  <div>
90
90
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
91
91
  </div>
@@ -127,7 +127,7 @@
127
127
  <div class="uk-section uk-section-default uk-section-small">
128
128
  <div class="uk-container">
129
129
 
130
- <div class="uk-grid uk-grid-large uk-flex-middle">
130
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
131
131
  <div class="uk-width-expand">
132
132
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
133
133
  </div>
@@ -142,7 +142,7 @@
142
142
  <div class="uk-section uk-section-muted uk-section-small">
143
143
  <div class="uk-container">
144
144
 
145
- <div class="uk-grid uk-grid-large uk-flex-middle">
145
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
146
146
  <div class="uk-width-expand">
147
147
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
148
148
  </div>
@@ -157,7 +157,7 @@
157
157
  <div class="uk-section uk-section-primary uk-section-small">
158
158
  <div class="uk-container">
159
159
 
160
- <div class="uk-grid uk-grid-large uk-flex-middle">
160
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
161
161
  <div class="uk-width-expand">
162
162
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
163
163
  </div>
@@ -172,7 +172,7 @@
172
172
  <div class="uk-section uk-section-secondary uk-section-small">
173
173
  <div class="uk-container">
174
174
 
175
- <div class="uk-grid uk-grid-large uk-flex-middle">
175
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
176
176
  <div class="uk-width-expand">
177
177
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
178
178
  </div>
@@ -191,7 +191,7 @@
191
191
 
192
192
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
193
193
 
194
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
194
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
195
195
  <div>
196
196
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
197
197
  </div>
@@ -213,7 +213,7 @@
213
213
 
214
214
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
215
215
 
216
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
216
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
217
217
  <div>
218
218
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
219
219
  </div>
@@ -235,7 +235,7 @@
235
235
 
236
236
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
237
237
 
238
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
238
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
239
239
  <div>
240
240
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
241
241
  </div>
@@ -257,7 +257,7 @@
257
257
 
258
258
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
259
259
 
260
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
260
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
261
261
  <div>
262
262
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
263
263
  </div>
@@ -279,7 +279,7 @@
279
279
 
280
280
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
281
281
 
282
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
282
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
283
283
  <div>
284
284
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
285
285
  </div>
@@ -301,7 +301,7 @@
301
301
 
302
302
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
303
303
 
304
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
304
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
305
305
  <div>
306
306
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
307
307
  </div>
@@ -323,7 +323,7 @@
323
323
 
324
324
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
325
325
 
326
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
326
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
327
327
  <div>
328
328
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
329
329
  </div>
@@ -345,7 +345,7 @@
345
345
 
346
346
  <p class="uk-text-large uk-text-center">Excepteur sint occaecat cupidatat non proident, sunt in<br class="uk-visible@m"> culpa qui officia deserunt mollit anim id est laborum.</p>
347
347
 
348
- <div class="uk-grid uk-margin-large uk-grid-match uk-child-width-1-3@m">
348
+ <div class="uk-margin-large uk-grid-match uk-child-width-1-3@m" uk-grid>
349
349
  <div>
350
350
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
351
351
  </div>
@@ -365,7 +365,7 @@
365
365
 
366
366
  <h1>Padding Remove</h1>
367
367
 
368
- <div class="uk-grid uk-grid-match uk-child-width-1-3@m">
368
+ <div class="uk-grid-match uk-child-width-1-3@m" uk-grid>
369
369
  <div>
370
370
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
371
371
  </div>
package/tests/slidenav.html CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  <h2>Hover</h2>
28
28
 
29
- <div class="uk-grid uk-child-width-1-3@m">
29
+ <div class="uk-child-width-1-3@m" uk-grid>
30
30
  <div>
31
31
 
32
32
  <div class="uk-inline uk-visible-toggle uk-light" tabindex="-1">
@@ -58,7 +58,7 @@
58
58
 
59
59
  <h2>Positions</h2>
60
60
 
61
- <div class="uk-grid uk-child-width-1-3@m">
61
+ <div class="uk-child-width-1-3@m" uk-grid>
62
62
  <div>
63
63
 
64
64
  <div class="uk-inline uk-light">
@@ -180,7 +180,7 @@
180
180
 
181
181
  <h2>Large</h2>
182
182
 
183
- <div class="uk-grid uk-child-width-1-2@m">
183
+ <div class="uk-child-width-1-2@m" uk-grid>
184
184
  <div>
185
185
 
186
186
  <div class="uk-inline uk-visible-toggle uk-light" tabindex="-1">
package/tests/slider.html CHANGED
@@ -261,7 +261,7 @@
261
261
 
262
262
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
263
263
 
264
- <div class="uk-grid uk-slider-items uk-child-width-1-2@s uk-child-width-1-4@m">
264
+ <div class="uk-slider-items uk-child-width-1-2@s uk-child-width-1-4@m uk-grid">
265
265
  <div>
266
266
  <div class="uk-panel uk-transition-toggle" tabindex="0">
267
267
  <img src="images/slider1.jpg" width="400" height="600" alt="">
@@ -339,7 +339,7 @@
339
339
 
340
340
  <div class="uk-slider-container uk-slider-container-offset" tabindex="-1">
341
341
 
342
- <div class="uk-grid uk-slider-items uk-child-width-1-2@s uk-child-width-1-4@m">
342
+ <div class="uk-slider-items uk-child-width-1-2@s uk-child-width-1-4@m uk-grid">
343
343
  <div>
344
344
  <div class="uk-card uk-card-default uk-card-hover uk-card-body">
345
345
  <h3 class="uk-card-title">Default</h3>
@@ -466,7 +466,7 @@
466
466
 
467
467
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1">
468
468
 
469
- <div class="uk-grid uk-slider-items uk-grid-large uk-grid-match" uk-height-viewport="min: 200">
469
+ <div class="uk-slider-items uk-grid-large uk-grid-match uk-grid" uk-height-viewport="min: 200">
470
470
  <div class="uk-width-2-3">
471
471
  <div class="uk-cover-container">
472
472
  <img src="images/photo.jpg" alt="" uk-cover>
@@ -572,7 +572,7 @@
572
572
  <td><code>index</code></td>
573
573
  <td>Number</td>
574
574
  <td>0</td>
575
- <td>Slider item to show. Zero-based index.</td>
575
+ <td>Slider item to show. 0 based index.</td>
576
576
  </tr>
577
577
  <tr>
578
578
  <td><code>active</code></td>
@@ -632,7 +632,7 @@
632
632
  <td><code>i18n</code></td>
633
633
  <td>Object</td>
634
634
  <td>null</td>
635
- <td>Override the default translations.</td>
635
+ <td>Override default translation texts.</td>
636
636
  </tr>
637
637
  </tbody>
638
638
  </table>
package/tests/slideshow.html CHANGED
@@ -30,7 +30,7 @@
30
30
  </select>
31
31
  </div>
32
32
 
33
- <div class="uk-grid uk-child-width-1-2@m">
33
+ <div class="uk-child-width-1-2@m" uk-grid>
34
34
  <div>
35
35
 
36
36
  <div class="js-slideshow-animation" uk-slideshow="ratio: 3:2; autoplay: true">
@@ -98,7 +98,7 @@
98
98
  </div>
99
99
  </div>
100
100
  <div>
101
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" playsinline loop muted uk-cover></video>
101
+ <video src="https://yootheme.com/assets/images/media/yootheme-pro.mp4" playsinline loop muted uk-cover></video>
102
102
  <div class="uk-position-center uk-position-small uk-text-center">
103
103
  <h2 uk-slideshow-parallax="x: 100,-100">Video</h2>
104
104
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
@@ -469,37 +469,7 @@
469
469
  <td><code>index</code></td>
470
470
  <td>Number</td>
471
471
  <td>0</td>
472
- <td>Slideshow item to show. Zero-based index.</td>
473
- </tr>
474
- <tr>
475
- <td><code>parallax</code></td>
476
- <td>Boolean</td>
477
- <td>false</td>
478
- <td>Enable parallax scrolling for the slideshow.</td>
479
- </tr>
480
- <tr>
481
- <td><code>parallax-target</code></td>
482
- <td>CSS selector</td>
483
- <td>false</td>
484
- <td>Element dimension reference for the parallax duration. Defaults to the slideshow items list.</td>
485
- </tr>
486
- <tr>
487
- <td><code>parallax-start</code></td>
488
- <td>Length</td>
489
- <td>0</td>
490
- <td>Start offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. The default value of `0` means that the target's top border and viewport's bottom border intersect.</td>
491
- </tr>
492
- <tr>
493
- <td><code>parallax-end</code></td>
494
- <td>Length</td>
495
- <td>0</td>
496
- <td>End offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. The default value of `0` means that the target's bottom border and the viewport's top border intersect.</td>
497
- </tr>
498
- <tr>
499
- <td><code>parallax-easing</code></td>
500
- <td>Number</td>
501
- <td>0</td>
502
- <td>Animation easing during scrolling.</td>
472
+ <td>Slideshow item to show. 0 based index.</td>
503
473
  </tr>
504
474
  <tr>
505
475
  <td><code>pause-on-hover</code></td>
@@ -535,7 +505,7 @@
535
505
  <td><code>i18n</code></td>
536
506
  <td>Object</td>
537
507
  <td>null</td>
538
- <td>Override the default translations.</td>
508
+ <td>Override default translation texts.</td>
539
509
  </tr>
540
510
  </tbody>
541
511
  </table>
package/tests/sortable.html CHANGED
@@ -35,7 +35,7 @@
35
35
 
36
36
  <h2>Grid</h2>
37
37
 
38
- <ul class="uk-grid uk-grid-match uk-child-width-1-2 uk-child-width-1-5@m" uk-sortable="handle: .uk-card">
38
+ <ul class="uk-grid-match uk-child-width-1-2 uk-child-width-1-5@m" uk-sortable="handle: .uk-card" uk-grid>
39
39
  <li>
40
40
  <div class="uk-card uk-card-default uk-card-body">
41
41
  <a href="https://getuikit.com">Link</a>
@@ -137,62 +137,62 @@
137
137
 
138
138
  <h2>Nested Lists</h2>
139
139
 
140
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-2@m" uk-sortable="group: first">
140
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-2@m" uk-sortable="group: first" uk-grid>
141
141
  <li><div class="uk-card uk-card-default uk-padding-small">
142
- <ul class="uk-grid uk-grid-match uk-child-width-1-3" uk-sortable="group: second">
142
+ <ul class="uk-grid-match uk-child-width-1-3" uk-sortable="group: second" uk-grid>
143
143
  <li><div class="uk-card uk-card-secondary uk-padding-small">
144
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
144
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
145
145
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 1</div></li>
146
146
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 2</div></li>
147
147
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 3</div></li>
148
148
  </ul>
149
149
  </div></li>
150
150
  <li><div class="uk-card uk-card-secondary uk-padding-small">
151
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
151
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
152
152
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 4</div></li>
153
153
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 5</div></li>
154
154
  </ul>
155
155
  </div></li>
156
156
  <li><div class="uk-card uk-card-secondary uk-padding-small">
157
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
157
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
158
158
  </ul>
159
159
  </div></li>
160
160
  </ul>
161
161
  </div></li>
162
162
  <li><div class="uk-card uk-card-default uk-padding-small">
163
- <ul class="uk-grid uk-grid-match uk-child-width-1-3" uk-sortable="group: second">
163
+ <ul class="uk-grid-match uk-child-width-1-3" uk-sortable="group: second" uk-grid>
164
164
  <li><div class="uk-card uk-card-secondary uk-padding-small">
165
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
165
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
166
166
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 6</div></li>
167
167
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 7</div></li>
168
168
  </ul>
169
169
  </div></li>
170
170
  <li><div class="uk-card uk-card-secondary uk-padding-small">
171
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
171
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
172
172
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 8</div></li>
173
173
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 9</div></li>
174
174
  </ul>
175
175
  </div></li>
176
176
  <li><div class="uk-card uk-card-secondary uk-padding-small">
177
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
177
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
178
178
  </ul>
179
179
  </div></li>
180
180
  </ul>
181
181
  </div></li>
182
182
  <li><div class="uk-card uk-card-default uk-padding-small">
183
- <ul class="uk-grid uk-grid-match uk-child-width-1-3" uk-sortable="group: second">
183
+ <ul class="uk-grid-match uk-child-width-1-3" uk-sortable="group: second" uk-grid>
184
184
  <li><div class="uk-card uk-card-secondary uk-padding-small">
185
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
185
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
186
186
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 10</div></li>
187
187
  </ul>
188
188
  </div></li>
189
189
  <li><div class="uk-card uk-card-secondary uk-padding-small">
190
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
190
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
191
191
  <li><div class="uk-card uk-card-primary uk-padding-small">Item 11</div></li>
192
192
  </ul>
193
193
  </div></li>
194
194
  <li><div class="uk-card uk-card-secondary uk-padding-small">
195
- <ul class="uk-grid uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third">
195
+ <ul class="uk-grid-small uk-grid-match uk-child-width-1-1" uk-sortable="group: third" uk-grid>
196
196
  </ul>
197
197
  </div></li>
198
198
  </ul>
@@ -216,7 +216,7 @@
216
216
  <td><code>group</code></td>
217
217
  <td>String</td>
218
218
  <td></td>
219
- <td>Group name used to connect sortable lists.</td>
219
+ <td>The group</td>
220
220
  </tr>
221
221
  <tr>
222
222
  <td><code>animation</code></td>
package/tests/sticky-navbar.html CHANGED
@@ -1298,7 +1298,7 @@
1298
1298
  </div>
1299
1299
 
1300
1300
 
1301
- <div class="uk-grid uk-child-width-1-3@s uk-grid-collapse uk-grid-match">
1301
+ <div class="uk-child-width-1-3@s uk-grid-collapse uk-grid-match" uk-grid>
1302
1302
  <div>
1303
1303
 
1304
1304
  <div class="uk-tile uk-tile-default uk-tile-large">
@@ -1328,7 +1328,7 @@
1328
1328
  </div>
1329
1329
  </div>
1330
1330
 
1331
- <div class="uk-grid uk-child-width-1-3@s uk-grid-collapse uk-grid-match">
1331
+ <div class="uk-child-width-1-3@s uk-grid-collapse uk-grid-match" uk-grid>
1332
1332
  <div>
1333
1333
 
1334
1334
  <div class="uk-tile uk-tile-primary uk-tile-large">
@@ -1358,7 +1358,7 @@
1358
1358
  </div>
1359
1359
  </div>
1360
1360
 
1361
- <div class="uk-grid uk-child-width-1-3@s uk-grid-collapse uk-grid-match">
1361
+ <div class="uk-child-width-1-3@s uk-grid-collapse uk-grid-match" uk-grid>
1362
1362
  <div>
1363
1363
 
1364
1364
  <div class="uk-tile uk-tile-default uk-tile-large">
@@ -1395,7 +1395,7 @@
1395
1395
  <h3>Section Primary with cards</h3>
1396
1396
  </div>
1397
1397
 
1398
- <div class="uk-grid uk-grid-match uk-child-width-expand@m">
1398
+ <div class="uk-grid-match uk-child-width-expand@m" uk-grid>
1399
1399
  <div>
1400
1400
  <div class="uk-card uk-card-default uk-card-body">
1401
1401
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.</p>
package/tests/sticky-parallax.html CHANGED
@@ -105,7 +105,7 @@
105
105
 
106
106
  <div class="uk-section uk-section-default">
107
107
 
108
- <div id="js-sticky-parallax-viewport" class="uk-grid uk-child-width-1-2 uk-child-width-1-3@s uk-text-center">
108
+ <div id="js-sticky-parallax-viewport" class="uk-child-width-1-2 uk-child-width-1-3@s uk-text-center" uk-grid>
109
109
  <div>
110
110
 
111
111
  <img class="uk-margin-large" src="images/photo.jpg" width="1800" height="1200" alt="">
@@ -147,7 +147,7 @@
147
147
 
148
148
  <div class="uk-section uk-section-default">
149
149
 
150
- <div class="uk-grid" id="js-sticky-parallax-images" style="min-height: 250vh">
150
+ <div id="js-sticky-parallax-images" style="min-height: 250vh" uk-grid>
151
151
  <div class="uk-width-expand">
152
152
 
153
153
  <div class="uk-background-muted uk-height-viewport" uk-sticky="end: #js-sticky-parallax-images">
@@ -207,7 +207,7 @@
207
207
 
208
208
  <div class="uk-section uk-section-default">
209
209
 
210
- <div class="uk-grid" id="js-sticky-parallax-images-all" style="min-height: 250vh">
210
+ <div id="js-sticky-parallax-images-all" style="min-height: 250vh" uk-grid>
211
211
  <div class="uk-width-expand">
212
212
 
213
213
  <div class="uk-background-muted uk-height-viewport" uk-sticky="end: #js-sticky-parallax-images-all">
package/tests/sticky.html CHANGED
@@ -337,7 +337,7 @@
337
337
  <td><code>start</code></td>
338
338
  <td>Length, CSS Selector</td>
339
339
  <td>0</td>
340
- <td>Start offset. The value can be in vh, % and px. It supports the basic math operators + and -. The default value of 0 means the element's top border intersects the viewport's top border. A CSS selector sets the start point between the selected element's bottom border and this element's top border.</td>
340
+ <td>Start offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. The default value of `0` means that the element's top border and viewport's top border intersect. A CSS Selector will set start to the selected element's bottom border and the elements top border.</td>
341
341
  </tr>
342
342
  <tr>
343
343
  <td><code>end</code></td>
@@ -361,7 +361,7 @@
361
361
  <td><code>overflow-flip</code></td>
362
362
  <td>Boolean</td>
363
363
  <td>false</td>
364
- <td>Flip the sticky position if the element overflows the viewport, and disable overflow scrolling.</td>
364
+ <td>Flip the Sticky's position option if the element overflows the viewport and disables overflow scrolling.</td>
365
365
  </tr>
366
366
  <tr>
367
367
  <td><code>animation</code></td>
@@ -403,7 +403,7 @@
403
403
  <td><code>target-offset</code></td>
404
404
  <td>Boolean, Length</td>
405
405
  <td>false</td>
406
- <td>Ensures the sticky element does not overlap the element referenced by the page's location hash on initial load. The offset defines how far above that element it should remain. Set to `false` to disable this behavior.</td>
406
+ <td>Initially make sure that the Sticky element is not over a referenced element via the page's location hash. The offset defines by how far the element will be above the referenced element. `false` will disable this behavior.</td>
407
407
  </tr>
408
408
  </tbody>
409
409
  </table>
package/tests/svg.html CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <h1>SVG</h1>
16
16
 
17
- <div class="uk-grid uk-child-width-auto">
17
+ <div class="uk-child-width-auto" uk-grid>
18
18
  <div>
19
19
  <p>Image</p>
20
20
  <img id="svg1" class="svg-1" src="../src/images/components/navbar-toggle-icon.svg" alt="" uk-svg>
@@ -32,7 +32,6 @@
32
32
  <p>Symbol with ID Fallback</p>
33
33
  <img src="../src/images/components/navbar-toggle-icon.svg#notfound" width="20" height="20" alt="" uk-svg>
34
34
  </div>
35
- <div>
36
35
  <p>Stroke Animation</p>
37
36
  <img class="uk-animation-stroke" width="40" height="40" src="images/icons.svg#cloud-upload" uk-svg="stroke-animation: true" alt="">
38
37
  </div>
@@ -54,7 +53,7 @@
54
53
  <td><code>src</code></td>
55
54
  <td>String</td>
56
55
  <td></td>
57
- <td>The SVG source URL. If a location hash is present, only the `&lt;symbol&gt;` with the given ID is shown.</td>
56
+ <td>The SVG source url. If a location hash is present, only the &lt;symbol&lt; of the SVG with the given ID is shown.</td>
58
57
  </tr>
59
58
  <tr>
60
59
  <td><code>ratio</code></td>
package/tests/switcher.html CHANGED
@@ -47,7 +47,7 @@
47
47
 
48
48
  <h2>Animations</h2>
49
49
 
50
- <div class="uk-grid uk-child-width-1-4@m">
50
+ <div class="uk-child-width-1-4@m" uk-grid>
51
51
  <div>
52
52
 
53
53
  <h3>Fade</h3>
@@ -188,12 +188,12 @@
188
188
 
189
189
  <h2>Other Components</h2>
190
190
 
191
- <div class="uk-grid uk-child-width-1-2@m">
191
+ <div class="uk-child-width-1-2@m" uk-grid>
192
192
  <div>
193
193
 
194
194
  <h3>Tab Left</h3>
195
195
 
196
- <div class="uk-grid">
196
+ <div uk-grid>
197
197
  <div class="uk-width-auto@m">
198
198
 
199
199
  <ul class="uk-tab-left" uk-tab="connect: #component-tab-left; animation: uk-animation-fade">
@@ -219,7 +219,7 @@
219
219
 
220
220
  <h3>Tab Right</h3>
221
221
 
222
- <div class="uk-grid">
222
+ <div uk-grid>
223
223
  <div class="uk-width-auto@m uk-flex-last@m">
224
224
 
225
225
  <ul class="uk-tab-right" uk-tab="connect: #component-tab-right; animation: uk-animation-fade">
@@ -281,7 +281,7 @@
281
281
 
282
282
  <h3>Nav</h3>
283
283
 
284
- <div class="uk-grid">
284
+ <div uk-grid>
285
285
  <div class="uk-width-1-3@m">
286
286
 
287
287
  <ul class="uk-nav uk-nav-default" uk-switcher="connect: #component-nav; animation: uk-animation-fade">
@@ -340,7 +340,7 @@
340
340
  <td><code>connect</code></td>
341
341
  <td>CSS selector</td>
342
342
  <td>~.uk-switcher</td>
343
- <td>Related items container. By default, succeeding elements with the `uk-switcher` class are used.</td>
343
+ <td>Related items container. By default, succeeding elements with class 'uk-switcher'.</td>
344
344
  </tr>
345
345
  <tr>
346
346
  <td><code>toggle</code></td>