uikit 3.25.17-dev.80dfe87 → 3.25.17-dev.8c70e44

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 (200) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/release.js +2 -2
  5. package/build/scope.js +1 -1
  6. package/build/scss.js +1 -1
  7. package/dist/css/uikit-core-rtl.css +892 -802
  8. package/dist/css/uikit-core-rtl.min.css +1 -1
  9. package/dist/css/uikit-core.css +892 -802
  10. package/dist/css/uikit-core.min.css +1 -1
  11. package/dist/css/uikit-rtl.css +893 -803
  12. package/dist/css/uikit-rtl.min.css +1 -1
  13. package/dist/css/uikit.css +893 -803
  14. package/dist/css/uikit.min.css +1 -1
  15. package/dist/js/components/countdown.js +1 -1
  16. package/dist/js/components/countdown.min.js +1 -1
  17. package/dist/js/components/filter.js +1 -1
  18. package/dist/js/components/filter.min.js +1 -1
  19. package/dist/js/components/lightbox-panel.js +133 -132
  20. package/dist/js/components/lightbox-panel.min.js +1 -1
  21. package/dist/js/components/lightbox.js +134 -133
  22. package/dist/js/components/lightbox.min.js +1 -1
  23. package/dist/js/components/marquee.js +179 -0
  24. package/dist/js/components/marquee.min.js +1 -0
  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 +8 -12
  28. package/dist/js/components/parallax.min.js +1 -1
  29. package/dist/js/components/slider-parallax.js +8 -12
  30. package/dist/js/components/slider-parallax.min.js +1 -1
  31. package/dist/js/components/slider.js +41 -25
  32. package/dist/js/components/slider.min.js +1 -1
  33. package/dist/js/components/slideshow-parallax.js +8 -12
  34. package/dist/js/components/slideshow-parallax.min.js +1 -1
  35. package/dist/js/components/slideshow.js +71 -102
  36. package/dist/js/components/slideshow.min.js +1 -1
  37. package/dist/js/components/sortable.js +1 -1
  38. package/dist/js/components/sortable.min.js +1 -1
  39. package/dist/js/components/tooltip.js +19 -19
  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 +754 -262
  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 +629 -374
  48. package/dist/js/uikit.min.js +1 -1
  49. package/package.json +2 -2
  50. package/src/js/api/component.js +2 -3
  51. package/src/js/api/observables.js +2 -4
  52. package/src/js/api/options.js +6 -3
  53. package/src/js/api/props.js +1 -4
  54. package/src/js/api/state.js +7 -8
  55. package/src/js/components/index.js +1 -0
  56. package/src/js/components/internal/lightbox-animations.js +7 -26
  57. package/src/js/components/internal/slideshow-animations.js +15 -62
  58. package/src/js/components/lightbox-panel.js +121 -96
  59. package/src/js/components/lightbox.js +5 -8
  60. package/src/js/components/marquee.js +123 -0
  61. package/src/js/components/tooltip.js +4 -2
  62. package/src/js/core/accordion.js +78 -29
  63. package/src/js/core/drop.js +5 -4
  64. package/src/js/core/dropnav.js +3 -3
  65. package/src/js/core/grid.js +5 -19
  66. package/src/js/core/height-match.js +1 -2
  67. package/src/js/core/margin.js +3 -0
  68. package/src/js/core/overflow-fade.js +5 -5
  69. package/src/js/core/sticky.js +1 -1
  70. package/src/js/core/switcher.js +24 -44
  71. package/src/js/core/video.js +172 -15
  72. package/src/js/mixin/connect.js +57 -0
  73. package/src/js/mixin/internal/slideshow-animations.js +5 -13
  74. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  75. package/src/js/mixin/modal.js +4 -3
  76. package/src/js/mixin/parallax.js +1 -4
  77. package/src/js/mixin/position.js +1 -1
  78. package/src/js/mixin/scroll-driven.js +57 -0
  79. package/src/js/mixin/slider-nav.js +1 -1
  80. package/src/js/mixin/slider-parallax.js +9 -38
  81. package/src/js/mixin/togglable.js +13 -14
  82. package/src/js/util/attr.js +7 -7
  83. package/src/js/util/class.js +1 -1
  84. package/src/js/util/dom.js +3 -4
  85. package/src/js/util/lang.js +1 -1
  86. package/src/js/util/player.js +4 -4
  87. package/src/js/util/style.js +10 -15
  88. package/src/js/util/viewport.js +22 -25
  89. package/src/less/components/_import.less +6 -1
  90. package/src/less/components/base.less +1 -1
  91. package/src/less/components/button.less +1 -1
  92. package/src/less/components/dropcap.less +71 -0
  93. package/src/less/components/floating-shadow.less +65 -0
  94. package/src/less/components/form.less +5 -5
  95. package/src/less/components/grid.less +57 -64
  96. package/src/less/components/logo.less +94 -0
  97. package/src/less/components/margin.less +81 -81
  98. package/src/less/components/marquee.less +133 -0
  99. package/src/less/components/nav.less +1 -1
  100. package/src/less/components/padding.less +9 -9
  101. package/src/less/components/utility.less +0 -157
  102. package/src/less/theme/_import.less +5 -1
  103. package/src/less/theme/dropcap.less +29 -0
  104. package/src/less/theme/floating-shadow.less +20 -0
  105. package/src/less/theme/logo.less +29 -0
  106. package/src/less/theme/marquee.less +14 -0
  107. package/src/less/theme/utility.less +0 -32
  108. package/src/scss/components/_import.scss +6 -1
  109. package/src/scss/components/base.scss +1 -1
  110. package/src/scss/components/button.scss +1 -1
  111. package/src/scss/components/dropcap.scss +63 -0
  112. package/src/scss/components/floating-shadow.scss +62 -0
  113. package/src/scss/components/form.scss +5 -5
  114. package/src/scss/components/grid.scss +57 -64
  115. package/src/scss/components/logo.scss +75 -0
  116. package/src/scss/components/margin.scss +81 -81
  117. package/src/scss/components/marquee.scss +136 -0
  118. package/src/scss/components/nav.scss +1 -1
  119. package/src/scss/components/padding.scss +9 -9
  120. package/src/scss/components/utility.scss +0 -128
  121. package/src/scss/mixins-theme.scss +41 -32
  122. package/src/scss/mixins.scss +38 -29
  123. package/src/scss/variables-theme.scss +14 -9
  124. package/src/scss/variables.scss +14 -9
  125. package/tests/accordion.html +77 -10
  126. package/tests/alert.html +1 -1
  127. package/tests/align.html +5 -5
  128. package/tests/animation.html +4 -4
  129. package/tests/article.html +7 -7
  130. package/tests/background.html +2 -2
  131. package/tests/badge.html +1 -1
  132. package/tests/base.html +2 -2
  133. package/tests/button.html +1 -1
  134. package/tests/card.html +15 -15
  135. package/tests/close.html +2 -2
  136. package/tests/comment.html +9 -9
  137. package/tests/container.html +2 -2
  138. package/tests/countdown.html +21 -21
  139. package/tests/cover.html +3 -3
  140. package/tests/description-list.html +1 -1
  141. package/tests/divider.html +3 -3
  142. package/tests/dotnav.html +1 -1
  143. package/tests/drop.html +7 -7
  144. package/tests/dropbar.html +5 -5
  145. package/tests/dropcap.html +26 -0
  146. package/tests/dropdown.html +1 -1
  147. package/tests/dropnav.html +18 -18
  148. package/tests/filter.html +3 -3
  149. package/tests/floating-shadow.html +44 -0
  150. package/tests/form.html +14 -14
  151. package/tests/grid.html +41 -47
  152. package/tests/heading.html +2 -2
  153. package/tests/height-viewport.html +4 -4
  154. package/tests/height.html +5 -5
  155. package/tests/icon.html +8 -8
  156. package/tests/image.html +6 -6
  157. package/tests/index.html +13 -13
  158. package/tests/js/index.js +1 -1
  159. package/tests/leader.html +5 -5
  160. package/tests/lightbox.html +6 -6
  161. package/tests/link.html +1 -1
  162. package/tests/list.html +4 -4
  163. package/tests/logo.html +84 -0
  164. package/tests/margin.html +7 -7
  165. package/tests/marker.html +3 -3
  166. package/tests/marquee.html +617 -0
  167. package/tests/modal.html +3 -3
  168. package/tests/nav.html +5 -5
  169. package/tests/navbar.html +27 -27
  170. package/tests/notification.html +2 -2
  171. package/tests/offcanvas.html +12 -12
  172. package/tests/overlay.html +3 -3
  173. package/tests/padding.html +1 -1
  174. package/tests/pagination.html +3 -3
  175. package/tests/parallax.html +1 -1
  176. package/tests/position.html +6 -6
  177. package/tests/scrollspy.html +12 -12
  178. package/tests/search.html +5 -5
  179. package/tests/section.html +17 -17
  180. package/tests/slidenav.html +3 -3
  181. package/tests/slider.html +5 -5
  182. package/tests/slideshow.html +3 -3
  183. package/tests/sortable.html +15 -15
  184. package/tests/sticky-navbar.html +4 -4
  185. package/tests/sticky-parallax.html +3 -3
  186. package/tests/sticky.html +3 -3
  187. package/tests/svg.html +3 -2
  188. package/tests/switcher.html +6 -6
  189. package/tests/tab.html +4 -4
  190. package/tests/text.html +3 -3
  191. package/tests/tile.html +4 -4
  192. package/tests/toggle.html +1 -1
  193. package/tests/tooltip.html +3 -3
  194. package/tests/totop.html +2 -2
  195. package/tests/transition.html +1 -1
  196. package/tests/upload.html +5 -5
  197. package/tests/utility.html +16 -116
  198. package/tests/video.html +224 -24
  199. package/tests/visibility.html +4 -4
  200. package/tests/width.html +12 -12
package/tests/nav.html CHANGED
@@ -21,7 +21,7 @@
21
21
  </select>
22
22
  </div>
23
23
 
24
- <div class="uk-child-width-1-4@m" uk-grid>
24
+ <div class="uk-grid uk-child-width-1-4@m">
25
25
  <div>
26
26
 
27
27
  <h2>Default</h2>
@@ -134,7 +134,7 @@
134
134
  </div>
135
135
  </div>
136
136
 
137
- <div class="uk-child-width-1-4@m" uk-grid>
137
+ <div class="uk-grid uk-child-width-1-4@m">
138
138
  <div>
139
139
 
140
140
  <h2>Primary</h2>
@@ -247,7 +247,7 @@
247
247
  </div>
248
248
  </div>
249
249
 
250
- <div class="uk-child-width-1-3@m" uk-grid>
250
+ <div class="uk-grid uk-child-width-1-3@m">
251
251
  <div>
252
252
 
253
253
  <h2>Secondary</h2>
@@ -356,7 +356,7 @@
356
356
  </div>
357
357
  </div>
358
358
 
359
- <div class="uk-child-width-1-3@m" uk-grid>
359
+ <div class="uk-grid uk-child-width-1-3@m">
360
360
  <div>
361
361
 
362
362
  <h2>Primary + Medium</h2>
@@ -432,7 +432,7 @@
432
432
  <td><code>active</code></td>
433
433
  <td>Number</td>
434
434
  <td>false</td>
435
- <td>The element(s) to toggle.</td>
435
+ <td>Index of the item to open initially.</td>
436
436
  </tr>
437
437
  <tr>
438
438
  <td><code>collapsible</code></td>
package/tests/navbar.html CHANGED
@@ -30,7 +30,7 @@
30
30
 
31
31
  <h1>Navbar</h1>
32
32
 
33
- <div uk-grid>
33
+ <div class="uk-grid">
34
34
  <div class="uk-width-1-2@m">
35
35
 
36
36
  <nav class="uk-navbar-container uk-margin" uk-navbar>
@@ -311,7 +311,7 @@
311
311
  <li>
312
312
  <a href="#">2 Columns</a>
313
313
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
314
- <div class="uk-drop-grid uk-child-width-1-2" uk-grid>
314
+ <div class="uk-grid uk-drop-grid uk-child-width-1-2">
315
315
  <div>
316
316
  <ul class="uk-nav uk-navbar-dropdown-nav">
317
317
  <li class="uk-active"><a href="#">Active</a></li>
@@ -340,7 +340,7 @@
340
340
  <li>
341
341
  <a href="#">3 Columns</a>
342
342
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
343
- <div class="uk-drop-grid uk-child-width-1-3" uk-grid>
343
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3">
344
344
  <div>
345
345
  <ul class="uk-nav uk-navbar-dropdown-nav">
346
346
  <li class="uk-active"><a href="#">Active</a></li>
@@ -366,7 +366,7 @@
366
366
  <li>
367
367
  <a href>Stretch</a>
368
368
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
369
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
369
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
370
370
  <div>
371
371
  <ul class="uk-nav uk-navbar-dropdown-nav">
372
372
  <li class="uk-active"><a href="#">Active</a></li>
@@ -408,7 +408,7 @@
408
408
  <li>
409
409
  <a href>Stretch Full</a>
410
410
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar-container; stretch: x; flip: false">
411
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
411
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
412
412
  <div>
413
413
  <ul class="uk-nav uk-navbar-dropdown-nav">
414
414
  <li class="uk-active"><a href="#">Active</a></li>
@@ -535,7 +535,7 @@
535
535
  <li>
536
536
  <a href="#">2 Columns</a>
537
537
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
538
- <div class="uk-drop-grid uk-child-width-1-2" uk-grid>
538
+ <div class="uk-grid uk-drop-grid uk-child-width-1-2">
539
539
  <div>
540
540
  <ul class="uk-nav uk-navbar-dropdown-nav">
541
541
  <li class="uk-active"><a href="#">Active</a></li>
@@ -564,7 +564,7 @@
564
564
  <li>
565
565
  <a href="#">3 Columns</a>
566
566
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
567
- <div class="uk-drop-grid uk-child-width-1-3" uk-grid>
567
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3">
568
568
  <div>
569
569
  <ul class="uk-nav uk-navbar-dropdown-nav">
570
570
  <li class="uk-active"><a href="#">Active</a></li>
@@ -590,7 +590,7 @@
590
590
  <li>
591
591
  <a href>Stretch</a>
592
592
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
593
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
593
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
594
594
  <div>
595
595
  <ul class="uk-nav uk-navbar-dropdown-nav">
596
596
  <li class="uk-active"><a href="#">Active</a></li>
@@ -691,7 +691,7 @@
691
691
  <li>
692
692
  <a href="#">2 Columns</a>
693
693
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
694
- <div class="uk-drop-grid uk-child-width-1-2" uk-grid>
694
+ <div class="uk-grid uk-drop-grid uk-child-width-1-2">
695
695
  <div>
696
696
  <ul class="uk-nav uk-navbar-dropdown-nav">
697
697
  <li class="uk-active"><a href="#">Active</a></li>
@@ -720,7 +720,7 @@
720
720
  <li>
721
721
  <a href="#">3 Columns</a>
722
722
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
723
- <div class="uk-drop-grid uk-child-width-1-3" uk-grid>
723
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3">
724
724
  <div>
725
725
  <ul class="uk-nav uk-navbar-dropdown-nav">
726
726
  <li class="uk-active"><a href="#">Active</a></li>
@@ -746,7 +746,7 @@
746
746
  <li>
747
747
  <a href>Stretch</a>
748
748
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
749
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
749
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
750
750
  <div>
751
751
  <ul class="uk-nav uk-navbar-dropdown-nav">
752
752
  <li class="uk-active"><a href="#">Active</a></li>
@@ -853,7 +853,7 @@
853
853
  <li>
854
854
  <a href="#">2 Columns <span uk-navbar-parent-icon></span></a>
855
855
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
856
- <div class="uk-drop-grid uk-child-width-1-2" uk-grid>
856
+ <div class="uk-grid uk-drop-grid uk-child-width-1-2">
857
857
  <div>
858
858
  <ul class="uk-nav uk-navbar-dropdown-nav">
859
859
  <li class="uk-active"><a href="#">Active</a></li>
@@ -882,7 +882,7 @@
882
882
  <li>
883
883
  <a href="#">3 Columns <span uk-navbar-parent-icon></span></a>
884
884
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
885
- <div class="uk-drop-grid uk-child-width-1-3" uk-grid>
885
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3">
886
886
  <div>
887
887
  <ul class="uk-nav uk-navbar-dropdown-nav">
888
888
  <li class="uk-active"><a href="#">Active</a></li>
@@ -908,7 +908,7 @@
908
908
  <li>
909
909
  <a href>Stretch <span uk-navbar-parent-icon></span></a>
910
910
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
911
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
911
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
912
912
  <div>
913
913
  <ul class="uk-nav uk-navbar-dropdown-nav">
914
914
  <li class="uk-active"><a href="#">Active</a></li>
@@ -950,7 +950,7 @@
950
950
  <li>
951
951
  <a href>Stretch Full <span uk-navbar-parent-icon></span></a>
952
952
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar-container; stretch: x; flip: false">
953
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
953
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
954
954
  <div>
955
955
  <ul class="uk-nav uk-navbar-dropdown-nav">
956
956
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1066,7 +1066,7 @@
1066
1066
  <li>
1067
1067
  <a href="#">2 Columns</a>
1068
1068
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
1069
- <div class="uk-drop-grid uk-child-width-1-2" uk-grid>
1069
+ <div class="uk-grid uk-drop-grid uk-child-width-1-2">
1070
1070
  <div>
1071
1071
  <ul class="uk-nav uk-navbar-dropdown-nav">
1072
1072
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1095,7 +1095,7 @@
1095
1095
  <li>
1096
1096
  <a href="#">3 Columns</a>
1097
1097
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
1098
- <div class="uk-drop-grid uk-child-width-1-3" uk-grid>
1098
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3">
1099
1099
  <div>
1100
1100
  <ul class="uk-nav uk-navbar-dropdown-nav">
1101
1101
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1121,7 +1121,7 @@
1121
1121
  <li>
1122
1122
  <a href>Stretch</a>
1123
1123
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1124
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1124
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
1125
1125
  <div>
1126
1126
  <ul class="uk-nav uk-navbar-dropdown-nav">
1127
1127
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1163,7 +1163,7 @@
1163
1163
  <li>
1164
1164
  <a href>Stretch Full</a>
1165
1165
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar-container; stretch: x; flip: false; target-y: !.uk-navbar-container">
1166
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1166
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
1167
1167
  <div>
1168
1168
  <ul class="uk-nav uk-navbar-dropdown-nav">
1169
1169
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1292,7 +1292,7 @@
1292
1292
  <li>
1293
1293
  <a href="#">2 Columns</a>
1294
1294
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
1295
- <div class="uk-drop-grid uk-child-width-1-2" uk-grid>
1295
+ <div class="uk-grid uk-drop-grid uk-child-width-1-2">
1296
1296
  <div>
1297
1297
  <ul class="uk-nav uk-navbar-dropdown-nav">
1298
1298
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1321,7 +1321,7 @@
1321
1321
  <li>
1322
1322
  <a href="#">3 Columns</a>
1323
1323
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
1324
- <div class="uk-drop-grid uk-child-width-1-3" uk-grid>
1324
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3">
1325
1325
  <div>
1326
1326
  <ul class="uk-nav uk-navbar-dropdown-nav">
1327
1327
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1347,7 +1347,7 @@
1347
1347
  <li>
1348
1348
  <a href>Stretch</a>
1349
1349
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1350
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1350
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
1351
1351
  <div>
1352
1352
  <ul class="uk-nav uk-navbar-dropdown-nav">
1353
1353
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1448,7 +1448,7 @@
1448
1448
  <li>
1449
1449
  <a href="#">2 Columns</a>
1450
1450
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
1451
- <div class="uk-drop-grid uk-child-width-1-2" uk-grid>
1451
+ <div class="uk-grid uk-drop-grid uk-child-width-1-2">
1452
1452
  <div>
1453
1453
  <ul class="uk-nav uk-navbar-dropdown-nav">
1454
1454
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1477,7 +1477,7 @@
1477
1477
  <li>
1478
1478
  <a href="#">3 Columns</a>
1479
1479
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
1480
- <div class="uk-drop-grid uk-child-width-1-3" uk-grid>
1480
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3">
1481
1481
  <div>
1482
1482
  <ul class="uk-nav uk-navbar-dropdown-nav">
1483
1483
  <li class="uk-active"><a href="#">Active</a></li>
@@ -1503,7 +1503,7 @@
1503
1503
  <li>
1504
1504
  <a href>Stretch</a>
1505
1505
  <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1506
- <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1506
+ <div class="uk-grid uk-drop-grid uk-child-width-1-3@m">
1507
1507
  <div>
1508
1508
  <ul class="uk-nav uk-navbar-dropdown-nav">
1509
1509
  <li class="uk-active"><a href="#">Active</a></li>
@@ -2653,13 +2653,13 @@
2653
2653
  <td><code>target-x</code></td>
2654
2654
  <td>Boolean, CSS selector</td>
2655
2655
  <td>false</td>
2656
- <td>The element's X axis the drop is positioned to (`true` for window).</td>
2656
+ <td>The element whose x-axis the drop is positioned against (`true` for the window).</td>
2657
2657
  </tr>
2658
2658
  <tr>
2659
2659
  <td><code>target-y</code></td>
2660
2660
  <td>Boolean, CSS selector</td>
2661
2661
  <td>false</td>
2662
- <td>The element's Y axis the drop is positioned to (`true` for window).</td>
2662
+ <td>The element whose y-axis the drop is positioned against (`true` for the window).</td>
2663
2663
  </tr>
2664
2664
  <tr>
2665
2665
  <td><code>offset</code></td>
package/tests/notification.html CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <h1>Notification</h1>
16
16
 
17
- <div class="uk-child-width-1-2@m" uk-grid>
17
+ <div class="uk-grid uk-child-width-1-2@m">
18
18
  <div>
19
19
 
20
20
  <p class="uk-notification-message">
@@ -107,7 +107,7 @@
107
107
  <td><code>timeout</code></td>
108
108
  <td>Number</td>
109
109
  <td>5000</td>
110
- <td>Visibility duration before a notification disappears. If set to `0`, notification will not hide automatically.</td>
110
+ <td>How long a notification remains visible before disappearing. If set to `0`, the notification will not hide automatically.</td>
111
111
  </tr>
112
112
  <tr>
113
113
  <td><code>group</code></td>
package/tests/offcanvas.html CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <h1>Off-canvas</h1>
16
16
 
17
- <div class="uk-grid-small uk-child-width-auto uk-flex-between" uk-grid>
17
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-between">
18
18
  <div uk-margin>
19
19
 
20
20
  <a class="uk-button uk-button-default" href="#offcanvas-slide" uk-toggle>Slide</a>
@@ -35,7 +35,7 @@
35
35
 
36
36
  <h2>Overlay</h2>
37
37
 
38
- <div class="uk-grid-small uk-child-width-auto uk-flex-between" uk-grid>
38
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-between">
39
39
  <div uk-margin>
40
40
 
41
41
  <a class="uk-button uk-button-default" href="#offcanvas-overlay-slide" uk-toggle>Slide</a>
@@ -107,13 +107,13 @@
107
107
  <td><code>flip</code></td>
108
108
  <td>Boolean</td>
109
109
  <td>false</td>
110
- <td>Flip Offcanvas to right side.</td>
110
+ <td>Display the offcanvas on the right side.</td>
111
111
  </tr>
112
112
  <tr>
113
113
  <td><code>overlay</code></td>
114
114
  <td>Boolean</td>
115
115
  <td>false</td>
116
- <td>Show Offcanvas together with an overlay.</td>
116
+ <td>Show the offcanvas with an overlay.</td>
117
117
  </tr>
118
118
  <tr>
119
119
  <td><code>container</code></td>
@@ -165,7 +165,7 @@
165
165
  </ul>
166
166
 
167
167
  <div>
168
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
168
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
169
169
  <div>
170
170
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
171
171
  </div>
@@ -212,7 +212,7 @@
212
212
  </ul>
213
213
 
214
214
  <div>
215
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
215
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
216
216
  <div>
217
217
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
218
218
  </div>
@@ -259,7 +259,7 @@
259
259
  </ul>
260
260
 
261
261
  <div>
262
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
262
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
263
263
  <div>
264
264
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
265
265
  </div>
@@ -306,7 +306,7 @@
306
306
  </ul>
307
307
 
308
308
  <div>
309
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
309
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
310
310
  <div>
311
311
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
312
312
  </div>
@@ -353,7 +353,7 @@
353
353
  </ul>
354
354
 
355
355
  <div>
356
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
356
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
357
357
  <div>
358
358
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
359
359
  </div>
@@ -400,7 +400,7 @@
400
400
  </ul>
401
401
 
402
402
  <div>
403
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
403
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
404
404
  <div>
405
405
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
406
406
  </div>
@@ -447,7 +447,7 @@
447
447
  </ul>
448
448
 
449
449
  <div>
450
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
450
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
451
451
  <div>
452
452
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
453
453
  </div>
@@ -494,7 +494,7 @@
494
494
  </ul>
495
495
 
496
496
  <div>
497
- <div class="uk-grid-small uk-child-width-auto uk-flex-inline" uk-grid>
497
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-inline">
498
498
  <div>
499
499
  <a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a>
500
500
  </div>
package/tests/overlay.html CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  <h2>Default</h2>
18
18
 
19
- <div class="uk-child-width-1-3@m" uk-grid>
19
+ <div class="uk-grid uk-child-width-1-3@m">
20
20
  <div>
21
21
 
22
22
  <div class="uk-inline uk-inverse-light">
@@ -87,7 +87,7 @@
87
87
 
88
88
  <h2>Primary</h2>
89
89
 
90
- <div class="uk-child-width-1-3@m" uk-grid>
90
+ <div class="uk-grid uk-child-width-1-3@m">
91
91
  <div>
92
92
 
93
93
  <div class="uk-inline uk-inverse-light">
@@ -159,7 +159,7 @@
159
159
 
160
160
  <h2>Icon</h2>
161
161
 
162
- <div class="uk-child-width-1-3@m" uk-grid>
162
+ <div class="uk-grid uk-child-width-1-3@m">
163
163
  <div>
164
164
 
165
165
  <div class="uk-inline uk-light">
package/tests/padding.html CHANGED
@@ -19,7 +19,7 @@
19
19
 
20
20
  <h1>Padding</h1>
21
21
 
22
- <div class="uk-child-width-1-2@s" uk-grid>
22
+ <div class="uk-grid uk-child-width-1-2@s">
23
23
  <div>
24
24
 
25
25
  <div class="uk-panel uk-padding">
package/tests/pagination.html CHANGED
@@ -90,7 +90,7 @@
90
90
  </ul>
91
91
  </nav>
92
92
 
93
- <h2>Javascript Options</h2>
93
+ <h2>JavaScript Options</h2>
94
94
 
95
95
  <div class="uk-overflow-auto">
96
96
  <table class="uk-table uk-table-striped">
@@ -107,7 +107,7 @@
107
107
  <td><code>i18n</code></td>
108
108
  <td>Object</td>
109
109
  <td>null</td>
110
- <td>Override default translation texts.</td>
110
+ <td>Override the default translations.</td>
111
111
  </tr>
112
112
  </tbody>
113
113
  </table>
@@ -128,7 +128,7 @@
128
128
  <tr>
129
129
  <td><code>label</code></td>
130
130
  <td>Previous page | Next page</td>
131
- <td>Error message for invalid file type.</td>
131
+ <td>`aria-label` for the previous and next page links.</td>
132
132
  </tr>
133
133
  </tbody>
134
134
  </table>
package/tests/parallax.html CHANGED
@@ -128,7 +128,7 @@
128
128
 
129
129
  <h2>SVG Stroke</h2>
130
130
 
131
- <div id="test-stroke" class="uk-child-width-expand uk-text-center" uk-grid>
131
+ <div id="test-stroke" class="uk-grid uk-child-width-expand uk-text-center">
132
132
  <div uk-parallax="target: #test-stroke; start: 100%; end: 100%; stroke: 45;">
133
133
 
134
134
  <img width="400" height="400" src="images/icons.svg#cloud-upload" uk-svg alt="">
package/tests/position.html CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
  <div class="uk-position-relative">
44
44
 
45
- <div class="uk-child-width-1-2@s" uk-grid>
45
+ <div class="uk-grid uk-child-width-1-2@s">
46
46
  <div>
47
47
 
48
48
  <div class="uk-inline uk-inverse-light">
@@ -82,7 +82,7 @@
82
82
 
83
83
  <div class="uk-position-relative">
84
84
 
85
- <div class="uk-child-width-1-2@s" uk-grid>
85
+ <div class="uk-grid uk-child-width-1-2@s">
86
86
  <div>
87
87
 
88
88
  <div class="uk-inline uk-inverse-light">
@@ -124,7 +124,7 @@
124
124
 
125
125
  <div class="uk-position-relative">
126
126
 
127
- <div class="uk-child-width-1-2@s" uk-grid>
127
+ <div class="uk-grid uk-child-width-1-2@s">
128
128
  <div>
129
129
 
130
130
  <div class="uk-inline uk-inverse-light">
@@ -163,7 +163,7 @@
163
163
 
164
164
  <div class="uk-position-relative">
165
165
 
166
- <div class="uk-child-width-1-2@s" uk-grid>
166
+ <div class="uk-grid uk-child-width-1-2@s">
167
167
  <div>
168
168
 
169
169
  <div class="uk-inline uk-inverse-light">
@@ -200,7 +200,7 @@
200
200
 
201
201
  <h2>Center Horizontal and Vertical</h2>
202
202
 
203
- <div class="uk-child-width-1-4@s" uk-grid>
203
+ <div class="uk-grid uk-child-width-1-4@s">
204
204
  <div>
205
205
 
206
206
  <div class="uk-inline uk-inverse-light">
@@ -241,7 +241,7 @@
241
241
 
242
242
  <h2>Cover</h2>
243
243
 
244
- <div class="uk-child-width-1-4@s" uk-grid>
244
+ <div class="uk-grid uk-child-width-1-4@s">
245
245
  <div>
246
246
 
247
247
  <div class="uk-inline uk-inverse-light">
package/tests/scrollspy.html CHANGED
@@ -46,7 +46,7 @@
46
46
 
47
47
  <h2 id="animation-repeat">Single, Repeat, Delay</h2>
48
48
 
49
- <div class="uk-child-width-1-4@m" uk-grid uk-height-match="target: .uk-card">
49
+ <div class="uk-grid uk-child-width-1-4@m" uk-height-match="target: .uk-card">
50
50
  <div>
51
51
  <div class="uk-card uk-card-default uk-card-body" uk-scrollspy="cls: uk-animation-fade">
52
52
  <p>The element is animated only the first time it appears in the viewport.</p>
@@ -66,7 +66,7 @@
66
66
 
67
67
  <h2 id="animation-delay">Group, Repeat, Delay</h2>
68
68
 
69
- <div class="uk-child-width-1-4@m" uk-grid uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 300; repeat: true">
69
+ <div class="uk-grid uk-child-width-1-4@m" uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 300; repeat: true">
70
70
  <div>
71
71
  <div class="uk-card uk-card-default uk-card-body">
72
72
  <p>The animation of this element is delayed by some milliseconds.</p>
@@ -91,7 +91,7 @@
91
91
 
92
92
  <h2 id="animation-fade">Group: Fade</h2>
93
93
 
94
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 300; repeat: true">
94
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-fade; target: .uk-card; delay: 300; repeat: true">
95
95
  <div>
96
96
  <div class="uk-card uk-card-default uk-card-body">
97
97
  <h3 class="uk-card-title">Fade</h3>
@@ -120,7 +120,7 @@
120
120
 
121
121
  <h2 id="animation-scale-up">Group: Scale Up</h2>
122
122
 
123
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-scale-up; target: .uk-card; delay: 300; repeat: true">
123
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-scale-up; target: .uk-card; delay: 300; repeat: true">
124
124
  <div>
125
125
  <div class="uk-card uk-card-default uk-card-body">
126
126
  <h3 class="uk-card-title">Scale Up</h3>
@@ -246,7 +246,7 @@
246
246
 
247
247
  <h2 id="animation-scale-down">Group: Scale Down</h2>
248
248
 
249
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-scale-down; target: .uk-card; delay: 300; repeat: true">
249
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-scale-down; target: .uk-card; delay: 300; repeat: true">
250
250
  <div>
251
251
  <div class="uk-card uk-card-default uk-card-body">
252
252
  <h3 class="uk-card-title">Scale Down</h3>
@@ -275,7 +275,7 @@
275
275
 
276
276
  <h2 id="animation-slide-left">Group: Left</h2>
277
277
 
278
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-slide-left; target: .uk-card; delay: 300; repeat: true">
278
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-slide-left; target: .uk-card; delay: 300; repeat: true">
279
279
  <div>
280
280
  <div class="uk-card uk-card-default uk-card-body">
281
281
  <h3 class="uk-card-title">Left</h3>
@@ -304,7 +304,7 @@
304
304
 
305
305
  <h2 id="animation-slide-right">Group: Right</h2>
306
306
 
307
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-slide-right; target: .uk-card; delay: 300; repeat: true">
307
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-slide-right; target: .uk-card; delay: 300; repeat: true">
308
308
  <div>
309
309
  <div class="uk-card uk-card-default uk-card-body">
310
310
  <h3 class="uk-card-title">Right</h3>
@@ -333,7 +333,7 @@
333
333
 
334
334
  <h2 id="animation-slide-top">Group: Top</h2>
335
335
 
336
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-slide-top; target: .uk-card; delay: 300; repeat: true">
336
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-slide-top; target: .uk-card; delay: 300; repeat: true">
337
337
  <div>
338
338
  <div class="uk-card uk-card-default uk-card-body">
339
339
  <h3 class="uk-card-title">Top</h3>
@@ -362,7 +362,7 @@
362
362
 
363
363
  <h2 id="animation-slide-bottom">Group: Bottom</h2>
364
364
 
365
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-slide-bottom; target: .uk-card; delay: 300; repeat: true">
365
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-slide-bottom; target: .uk-card; delay: 300; repeat: true">
366
366
  <div>
367
367
  <div class="uk-card uk-card-default uk-card-body">
368
368
  <h3 class="uk-card-title">Bottom</h3>
@@ -391,7 +391,7 @@
391
391
 
392
392
  <h2 id="animation-different">Different Animations</h2>
393
393
 
394
- <div class="uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-slide-bottom; target: .uk-card; delay: 300; repeat: true">
394
+ <div class="uk-grid uk-child-width-1-4@m uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-slide-bottom; target: .uk-card; delay: 300; repeat: true">
395
395
  <div>
396
396
  <div class="uk-card uk-card-default uk-card-body">
397
397
  <h3 class="uk-card-title">Bottom</h3>
@@ -420,7 +420,7 @@
420
420
 
421
421
  <h2 id="animation-stroke">Group: Stroke</h2>
422
422
 
423
- <div class="uk-child-width-1-4@m uk-text-center uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-stroke; target: svg; delay: 300; repeat: true">
423
+ <div class="uk-grid uk-child-width-1-4@m uk-text-center uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-stroke; target: svg; delay: 300; repeat: true">
424
424
  <div>
425
425
  <div class="uk-card uk-card-default uk-card-body">
426
426
  <h3 class="uk-card-title">Stroke</h3>
@@ -449,7 +449,7 @@
449
449
 
450
450
  <h2 id="animation-stroke-fade">Different Animations: Stroke + Fade</h2>
451
451
 
452
- <div class="uk-child-width-1-4@m uk-text-center uk-margin-xlarge-bottom" uk-grid uk-scrollspy="cls: uk-animation-stroke; target: .uk-card, svg; delay: 300; repeat: true">
452
+ <div class="uk-grid uk-child-width-1-4@m uk-text-center uk-margin-xlarge-bottom" uk-scrollspy="cls: uk-animation-stroke; target: .uk-card, svg; delay: 300; repeat: true">
453
453
  <div>
454
454
  <div class="uk-card uk-card-default uk-card-body" uk-scrollspy-class="uk-animation-fade">
455
455
  <h3 class="uk-card-title">Stroke</h3>