uikit 3.25.27-dev.9e97c1f → 3.25.27

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 (222) hide show
  1. package/CHANGELOG.md +2 -34
  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 +1569 -1692
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +1569 -1692
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +1210 -1326
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +1210 -1326
  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 +135 -134
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +136 -135
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +6 -8
  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 -51
  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 -81
  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 +17 -15
  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 +313 -856
  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 +377 -711
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +2 -2
  47. package/src/js/api/component.js +3 -2
  48. package/src/js/api/observables.js +4 -16
  49. package/src/js/api/options.js +3 -6
  50. package/src/js/api/props.js +3 -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/slider-preload.js +0 -1
  55. package/src/js/components/internal/slideshow-animations.js +62 -15
  56. package/src/js/components/lightbox-panel.js +96 -121
  57. package/src/js/components/lightbox.js +8 -5
  58. package/src/js/components/notification.js +5 -7
  59. package/src/js/core/accordion.js +31 -62
  60. package/src/js/core/drop.js +3 -4
  61. package/src/js/core/dropnav.js +3 -3
  62. package/src/js/core/grid.js +19 -5
  63. package/src/js/core/margin.js +0 -3
  64. package/src/js/core/scroll.js +11 -0
  65. package/src/js/core/sticky.js +1 -1
  66. package/src/js/core/switcher.js +49 -12
  67. package/src/js/core/video.js +21 -236
  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/parallax.js +4 -1
  71. package/src/js/mixin/position.js +1 -1
  72. package/src/js/mixin/slider-parallax.js +38 -9
  73. package/src/js/mixin/togglable.js +14 -13
  74. package/src/js/util/attr.js +7 -7
  75. package/src/js/util/dom.js +4 -3
  76. package/src/js/util/lang.js +2 -2
  77. package/src/js/util/player.js +2 -4
  78. package/src/js/util/style.js +13 -12
  79. package/src/js/util/viewport.js +25 -22
  80. package/src/less/components/_import.less +3 -8
  81. package/src/less/components/animation.less +1 -1
  82. package/src/less/components/base.less +1 -1
  83. package/src/less/components/button.less +1 -1
  84. package/src/less/components/card.less +8 -8
  85. package/src/less/components/form.less +15 -15
  86. package/src/less/components/grid.less +65 -58
  87. package/src/less/components/lightbox.less +8 -2
  88. package/src/less/components/margin.less +124 -155
  89. package/src/less/components/modal.less +4 -1
  90. package/src/less/components/nav.less +1 -1
  91. package/src/less/components/navbar.less +1 -1
  92. package/src/less/components/padding.less +9 -9
  93. package/src/less/components/position.less +4 -9
  94. package/src/less/components/search.less +1 -1
  95. package/src/less/components/slideshow.less +4 -1
  96. package/src/less/components/switcher.less +2 -5
  97. package/src/less/components/table.less +4 -4
  98. package/src/less/components/text.less +4 -10
  99. package/src/less/components/utility.less +163 -0
  100. package/src/less/components/visibility.less +4 -4
  101. package/src/less/theme/_import.less +2 -6
  102. package/src/less/theme/alert.less +5 -0
  103. package/src/less/theme/thumbnav.less +4 -1
  104. package/src/less/theme/utility.less +32 -0
  105. package/src/scss/components/_import.scss +3 -8
  106. package/src/scss/components/animation.scss +1 -1
  107. package/src/scss/components/base.scss +1 -1
  108. package/src/scss/components/button.scss +1 -1
  109. package/src/scss/components/card.scss +8 -8
  110. package/src/scss/components/form.scss +14 -14
  111. package/src/scss/components/grid.scss +64 -57
  112. package/src/scss/components/lightbox.scss +8 -2
  113. package/src/scss/components/margin.scss +124 -155
  114. package/src/scss/components/modal.scss +4 -1
  115. package/src/scss/components/nav.scss +1 -1
  116. package/src/scss/components/navbar.scss +1 -1
  117. package/src/scss/components/padding.scss +9 -9
  118. package/src/scss/components/position.scss +4 -9
  119. package/src/scss/components/search.scss +1 -1
  120. package/src/scss/components/slideshow.scss +4 -1
  121. package/src/scss/components/switcher.scss +2 -5
  122. package/src/scss/components/table.scss +4 -4
  123. package/src/scss/components/text.scss +4 -10
  124. package/src/scss/components/utility.scss +129 -0
  125. package/src/scss/components/visibility.scss +4 -4
  126. package/src/scss/mixins-theme.scss +43 -44
  127. package/src/scss/mixins.scss +31 -40
  128. package/src/scss/variables-theme.scss +14 -14
  129. package/src/scss/variables.scss +14 -14
  130. package/tests/accordion.html +10 -77
  131. package/tests/alert.html +1 -1
  132. package/tests/align.html +5 -5
  133. package/tests/animation.html +4 -4
  134. package/tests/article.html +7 -7
  135. package/tests/background.html +2 -2
  136. package/tests/badge.html +1 -1
  137. package/tests/base.html +2 -2
  138. package/tests/button.html +1 -1
  139. package/tests/card.html +15 -15
  140. package/tests/close.html +2 -2
  141. package/tests/comment.html +9 -9
  142. package/tests/container.html +2 -2
  143. package/tests/countdown.html +21 -21
  144. package/tests/cover.html +3 -3
  145. package/tests/description-list.html +1 -1
  146. package/tests/divider.html +3 -3
  147. package/tests/dotnav.html +1 -1
  148. package/tests/drop.html +7 -7
  149. package/tests/dropbar.html +5 -5
  150. package/tests/dropdown.html +1 -1
  151. package/tests/dropnav.html +18 -18
  152. package/tests/filter.html +3 -3
  153. package/tests/form.html +14 -14
  154. package/tests/grid.html +47 -41
  155. package/tests/heading.html +2 -2
  156. package/tests/height-viewport.html +4 -4
  157. package/tests/height.html +5 -5
  158. package/tests/icon.html +8 -8
  159. package/tests/image.html +6 -6
  160. package/tests/index.html +13 -13
  161. package/tests/js/index.js +1 -1
  162. package/tests/leader.html +5 -5
  163. package/tests/lightbox.html +6 -6
  164. package/tests/link.html +1 -1
  165. package/tests/list.html +4 -4
  166. package/tests/margin.html +7 -59
  167. package/tests/marker.html +3 -3
  168. package/tests/modal.html +3 -3
  169. package/tests/nav.html +5 -5
  170. package/tests/navbar.html +27 -27
  171. package/tests/notification.html +2 -8
  172. package/tests/offcanvas.html +12 -12
  173. package/tests/overlay.html +3 -3
  174. package/tests/padding.html +1 -1
  175. package/tests/pagination.html +3 -3
  176. package/tests/parallax.html +1 -1
  177. package/tests/position.html +6 -6
  178. package/tests/scrollspy.html +13 -13
  179. package/tests/search.html +5 -5
  180. package/tests/section.html +17 -17
  181. package/tests/slidenav.html +3 -3
  182. package/tests/slider.html +5 -5
  183. package/tests/slideshow.html +3 -33
  184. package/tests/sortable.html +15 -15
  185. package/tests/sticky-navbar.html +4 -4
  186. package/tests/sticky-parallax.html +3 -3
  187. package/tests/sticky.html +3 -3
  188. package/tests/svg.html +2 -3
  189. package/tests/switcher.html +7 -7
  190. package/tests/tab.html +5 -5
  191. package/tests/text.html +3 -9
  192. package/tests/tile.html +4 -4
  193. package/tests/toggle.html +1 -1
  194. package/tests/tooltip.html +3 -3
  195. package/tests/totop.html +2 -2
  196. package/tests/transition.html +1 -1
  197. package/tests/upload.html +5 -5
  198. package/tests/utility.html +116 -16
  199. package/tests/video.html +24 -224
  200. package/tests/visibility.html +4 -4
  201. package/tests/width.html +12 -12
  202. package/dist/js/components/marquee.js +0 -215
  203. package/dist/js/components/marquee.min.js +0 -1
  204. package/src/js/components/marquee.js +0 -156
  205. package/src/js/mixin/connect.js +0 -90
  206. package/src/js/mixin/scroll-driven.js +0 -57
  207. package/src/less/components/dropcap.less +0 -71
  208. package/src/less/components/floating-shadow.less +0 -66
  209. package/src/less/components/logo.less +0 -94
  210. package/src/less/components/marquee.less +0 -133
  211. package/src/less/theme/dropcap.less +0 -29
  212. package/src/less/theme/floating-shadow.less +0 -20
  213. package/src/less/theme/logo.less +0 -29
  214. package/src/less/theme/marquee.less +0 -14
  215. package/src/scss/components/dropcap.scss +0 -63
  216. package/src/scss/components/floating-shadow.scss +0 -63
  217. package/src/scss/components/logo.scss +0 -75
  218. package/src/scss/components/marquee.scss +0 -136
  219. package/tests/dropcap.html +0 -26
  220. package/tests/floating-shadow.html +0 -44
  221. package/tests/logo.html +0 -84
  222. package/tests/marquee.html +0 -617
package/tests/countdown.html CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  <h2>Grid</h2>
18
18
 
19
- <div class="uk-grid uk-heading-xlarge uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
19
+ <div class="uk-heading-xlarge uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
20
20
  <div>
21
21
  <div class="uk-countdown-number uk-countdown-days"></div>
22
22
  </div>
@@ -34,7 +34,7 @@
34
34
  </div>
35
35
  </div>
36
36
 
37
- <div class="uk-grid uk-heading-large uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
37
+ <div class="uk-heading-large uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
38
38
  <div>
39
39
  <div class="uk-countdown-number uk-countdown-days"></div>
40
40
  </div>
@@ -52,7 +52,7 @@
52
52
  </div>
53
53
  </div>
54
54
 
55
- <div class="uk-grid uk-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
55
+ <div class="uk-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
56
56
  <div>
57
57
  <div class="uk-countdown-number uk-countdown-days"></div>
58
58
  </div>
@@ -70,7 +70,7 @@
70
70
  </div>
71
71
  </div>
72
72
 
73
- <div class="uk-grid uk-heading-small uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
73
+ <div class="uk-heading-small uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
74
74
  <div>
75
75
  <div class="uk-countdown-number uk-countdown-days"></div>
76
76
  </div>
@@ -88,7 +88,7 @@
88
88
  </div>
89
89
  </div>
90
90
 
91
- <div class="uk-grid uk-h1 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
91
+ <div class="uk-h1 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
92
92
  <div>
93
93
  <div class="uk-countdown-number uk-countdown-days"></div>
94
94
  </div>
@@ -106,7 +106,7 @@
106
106
  </div>
107
107
  </div>
108
108
 
109
- <div class="uk-grid uk-h2 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
109
+ <div class="uk-h2 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
110
110
  <div>
111
111
  <div class="uk-countdown-number uk-countdown-days"></div>
112
112
  </div>
@@ -124,7 +124,7 @@
124
124
  </div>
125
125
  </div>
126
126
 
127
- <div class="uk-grid uk-h3 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
127
+ <div class="uk-h3 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
128
128
  <div>
129
129
  <div class="uk-countdown-number uk-countdown-days"></div>
130
130
  </div>
@@ -142,7 +142,7 @@
142
142
  </div>
143
143
  </div>
144
144
 
145
- <div class="uk-grid uk-h4 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
145
+ <div class="uk-h4 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
146
146
  <div>
147
147
  <div class="uk-countdown-number uk-countdown-days"></div>
148
148
  </div>
@@ -160,7 +160,7 @@
160
160
  </div>
161
161
  </div>
162
162
 
163
- <div class="uk-grid uk-h5 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
163
+ <div class="uk-h5 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
164
164
  <div>
165
165
  <div class="uk-countdown-number uk-countdown-days"></div>
166
166
  </div>
@@ -178,7 +178,7 @@
178
178
  </div>
179
179
  </div>
180
180
 
181
- <div class="uk-grid uk-h6 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-countdown>
181
+ <div class="uk-h6 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
182
182
  <div>
183
183
  <div class="uk-countdown-number uk-countdown-days"></div>
184
184
  </div>
@@ -198,7 +198,7 @@
198
198
 
199
199
  <h2>Grid + Label</h2>
200
200
 
201
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
201
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
202
202
  <div>
203
203
  <div class="uk-heading-xlarge uk-countdown-number uk-countdown-days"></div>
204
204
  <div class="uk-countdown-label uk-text-large uk-margin-xsmall uk-visible@s">Days</div>
@@ -220,7 +220,7 @@
220
220
  </div>
221
221
  </div>
222
222
 
223
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
223
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
224
224
  <div>
225
225
  <div class="uk-heading-large uk-countdown-number uk-countdown-days"></div>
226
226
  <div class="uk-countdown-label uk-margin-xsmall uk-visible@s">Days</div>
@@ -242,7 +242,7 @@
242
242
  </div>
243
243
  </div>
244
244
 
245
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
245
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
246
246
  <div>
247
247
  <div class="uk-heading-medium uk-countdown-number uk-countdown-days"></div>
248
248
  <div class="uk-countdown-label uk-visible@s">Days</div>
@@ -264,7 +264,7 @@
264
264
  </div>
265
265
  </div>
266
266
 
267
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
267
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
268
268
  <div>
269
269
  <div class="uk-heading-small uk-countdown-number uk-countdown-days"></div>
270
270
  <div class="uk-countdown-label uk-visible@s">Days</div>
@@ -286,7 +286,7 @@
286
286
  </div>
287
287
  </div>
288
288
 
289
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
289
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
290
290
  <div>
291
291
  <div class="uk-h1 uk-countdown-number uk-countdown-days"></div>
292
292
  <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
@@ -308,7 +308,7 @@
308
308
  </div>
309
309
  </div>
310
310
 
311
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
311
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
312
312
  <div>
313
313
  <div class="uk-h2 uk-countdown-number uk-countdown-days"></div>
314
314
  <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
@@ -330,7 +330,7 @@
330
330
  </div>
331
331
  </div>
332
332
 
333
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
333
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
334
334
  <div>
335
335
  <div class="uk-h3 uk-countdown-number uk-countdown-days"></div>
336
336
  <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
@@ -352,7 +352,7 @@
352
352
  </div>
353
353
  </div>
354
354
 
355
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
355
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
356
356
  <div>
357
357
  <div class="uk-h4 uk-countdown-number uk-countdown-days"></div>
358
358
  <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
@@ -374,7 +374,7 @@
374
374
  </div>
375
375
  </div>
376
376
 
377
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
377
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
378
378
  <div>
379
379
  <div class="uk-h5 uk-countdown-number uk-countdown-days"></div>
380
380
  <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
@@ -396,7 +396,7 @@
396
396
  </div>
397
397
  </div>
398
398
 
399
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-countdown>
399
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
400
400
  <div>
401
401
  <div class="uk-h6 uk-countdown-number uk-countdown-days"></div>
402
402
  <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
@@ -693,7 +693,7 @@
693
693
  <td><code>reload</code></td>
694
694
  <td>Boolean</td>
695
695
  <td>false</td>
696
- <td>Reloads the page after the countdown expires. Countdowns already expired on load will not reload the page.</td>
696
+ <td>Reload page after countdown expires. Initially expired countdowns won't reload the page.</td>
697
697
  </tr>
698
698
  </tbody>
699
699
  </table>
package/tests/cover.html CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  <h2>Fixed Height</h2>
23
23
 
24
- <div class="uk-grid uk-child-width-1-2@m">
24
+ <div class="uk-child-width-1-2@m" uk-grid>
25
25
  <div>
26
26
 
27
27
  <h3>Image</h3>
@@ -74,7 +74,7 @@
74
74
 
75
75
  <h2>Responsive Height</h2>
76
76
 
77
- <div class="uk-grid uk-child-width-1-2@m">
77
+ <div class="uk-child-width-1-2@m" uk-grid>
78
78
  <div>
79
79
 
80
80
  <h3>Video (JS)</h3>
@@ -105,7 +105,7 @@
105
105
 
106
106
  <h2>Viewport Height</h2>
107
107
 
108
- <div class="uk-grid uk-child-width-1-2@m">
108
+ <div class="uk-child-width-1-2@m" uk-grid>
109
109
  <div>
110
110
 
111
111
  <h3>Video (JS)</h3>
package/tests/description-list.html CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <h1>Description List</h1>
16
16
 
17
- <div class="uk-grid uk-child-width-1-2@m">
17
+ <div class="uk-child-width-1-2@m" uk-grid>
18
18
  <div>
19
19
 
20
20
  <h3>Default</h3>
package/tests/divider.html CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <h1>Divider</h1>
16
16
 
17
- <div class="uk-grid uk-child-width-1-2 uk-margin-medium">
17
+ <div class="uk-child-width-1-2 uk-margin-medium" uk-grid>
18
18
  <div>
19
19
 
20
20
  <h1>Icon</h1>
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  </div>
39
39
 
40
- <div class="uk-grid uk-child-width-1-2 uk-margin-medium">
40
+ <div class="uk-child-width-1-2 uk-margin-medium" uk-grid>
41
41
  <div>
42
42
 
43
43
  <h1>Small</h1>
@@ -60,7 +60,7 @@
60
60
  </div>
61
61
  </div>
62
62
 
63
- <div class="uk-grid uk-child-width-1-2 uk-margin-medium">
63
+ <div class="uk-child-width-1-2 uk-margin-medium" uk-grid>
64
64
  <div>
65
65
 
66
66
  <h1>Vertical</h1>
package/tests/dotnav.html CHANGED
@@ -38,7 +38,7 @@
38
38
 
39
39
  <h2>Image</h2>
40
40
 
41
- <div class="uk-grid uk-child-width-1-3@m">
41
+ <div class="uk-child-width-1-3@m" uk-grid>
42
42
  <div>
43
43
 
44
44
  <div class="uk-inline uk-light">
package/tests/drop.html CHANGED
@@ -207,7 +207,7 @@
207
207
  </div>
208
208
  </div>
209
209
 
210
- <div class="uk-grid uk-child-width-1-2@m">
210
+ <div class="uk-child-width-1-2@m" uk-grid>
211
211
  <div>
212
212
 
213
213
  <p>Default</p>
@@ -562,7 +562,7 @@
562
562
  </select>
563
563
  </div>
564
564
 
565
- <div class="uk-grid">
565
+ <div uk-grid>
566
566
  <div class="uk-width-1-2@m">
567
567
 
568
568
  <div class="test-boundary uk-overflow-auto uk-height-large uk-resize-horizontal uk-margin">
@@ -652,19 +652,19 @@
652
652
  <td><code>boundary</code></td>
653
653
  <td>CSS selector</td>
654
654
  <td>false</td>
655
- <td>The area the drop cannot exceed before it flips or shifts. Defaults to the nearest scrolling ancestor.</td>
655
+ <td>The area the drop can't exceed causing it to flip and shift. By default, the nearest scrolling ancestor.</td>
656
656
  </tr>
657
657
  <tr>
658
658
  <td><code>boundary-x</code></td>
659
659
  <td>Boolean, CSS selector</td>
660
660
  <td>false</td>
661
- <td>The area on the x-axis the drop cannot exceed before it flips or shifts.</td>
661
+ <td>The area on the x-axis the drop can't exceed causing it to flip and shift.</td>
662
662
  </tr>
663
663
  <tr>
664
664
  <td><code>boundary-y</code></td>
665
665
  <td>Boolean, CSS selector</td>
666
666
  <td>false</td>
667
- <td>The area on the y-axis the drop cannot exceed before it flips or shifts.</td>
667
+ <td>The area on the y-axis the drop can't exceed causing it to flip and shift.</td>
668
668
  </tr>
669
669
  <tr>
670
670
  <td><code>target</code></td>
@@ -676,13 +676,13 @@
676
676
  <td><code>target-x</code></td>
677
677
  <td>Boolean, CSS selector</td>
678
678
  <td>false</td>
679
- <td>The element whose x-axis the drop is positioned against (`true` for the window).</td>
679
+ <td>The element's X axis the drop is positioned to (`true` for window).</td>
680
680
  </tr>
681
681
  <tr>
682
682
  <td><code>target-y</code></td>
683
683
  <td>Boolean, CSS selector</td>
684
684
  <td>false</td>
685
- <td>The element whose y-axis the drop is positioned against (`true` for the window).</td>
685
+ <td>The element's Y axis the drop is positioned to (`true` for window).</td>
686
686
  </tr>
687
687
  <tr>
688
688
  <td><code>inset</code></td>
package/tests/dropbar.html CHANGED
@@ -34,7 +34,7 @@
34
34
  </select>
35
35
  </div>
36
36
 
37
- <div class="uk-grid uk-child-width-1-4@m uk-grid-match">
37
+ <div class="uk-child-width-1-4@m uk-grid-match" uk-grid>
38
38
  <div>
39
39
 
40
40
  <div class="uk-drop uk-dropbar uk-dropbar-top test">
@@ -92,7 +92,7 @@
92
92
  <div class="uk-drop uk-dropbar uk-dropbar-top test">
93
93
  <div class="uk-container">
94
94
 
95
- <div class="uk-grid uk-child-width-1-3">
95
+ <div class="uk-child-width-1-3" uk-grid>
96
96
  <div>
97
97
  <ul class="uk-nav uk-navbar-dropdown-nav">
98
98
  <li class="uk-active"><a href="#">Active</a></li>
@@ -140,7 +140,7 @@
140
140
 
141
141
  <h2>Animation</h2>
142
142
 
143
- <div class="uk-grid uk-child-width-1-4@m">
143
+ <div class="uk-child-width-1-4@m" uk-grid>
144
144
  <div>
145
145
  <div class="test-boundary uk-overflow-auto uk-height-large uk-resize-vertical">
146
146
 
@@ -241,7 +241,7 @@
241
241
 
242
242
  <h2>Stretch + Overflow Content</h2>
243
243
 
244
- <div class="uk-grid uk-child-width-1-4@m">
244
+ <div class="uk-child-width-1-4@m" uk-grid>
245
245
  <div>
246
246
  <div class="test-boundary uk-overflow-auto uk-height-large uk-resize-vertical">
247
247
 
@@ -438,7 +438,7 @@
438
438
 
439
439
  <h2>Position + Click</h2>
440
440
 
441
- <div class="uk-grid uk-child-width-1-3@m">
441
+ <div class="uk-child-width-1-3@m" uk-grid>
442
442
  <div>
443
443
  <div class="test-boundary uk-overflow-auto uk-height-large uk-resize-vertical">
444
444
 
package/tests/dropdown.html CHANGED
@@ -36,7 +36,7 @@
36
36
  </select>
37
37
  </div>
38
38
 
39
- <div class="uk-grid">
39
+ <div uk-grid>
40
40
  <div class="uk-width-1-4@m">
41
41
 
42
42
  <div class="uk-drop uk-dropdown test">
package/tests/dropnav.html CHANGED
@@ -55,7 +55,7 @@
55
55
  <li>
56
56
  <a href>2 Columns <span uk-drop-parent-icon></span></a>
57
57
  <div class="uk-dropdown uk-width-xlarge">
58
- <div class="uk-grid uk-child-width-1-2">
58
+ <div class="uk-child-width-1-2" uk-grid>
59
59
  <div>
60
60
  <ul class="uk-nav uk-dropdown-nav">
61
61
  <li class="uk-active"><a href="#">Active</a></li>
@@ -84,7 +84,7 @@
84
84
  <li>
85
85
  <a href>3 Columns <span uk-drop-parent-icon></span></a>
86
86
  <div class="uk-dropdown uk-width-2xlarge">
87
- <div class="uk-grid uk-child-width-1-3">
87
+ <div class="uk-child-width-1-3" uk-grid>
88
88
  <div>
89
89
  <ul class="uk-nav uk-dropdown-nav">
90
90
  <li class="uk-active"><a href="#">Active</a></li>
@@ -110,7 +110,7 @@
110
110
  <li>
111
111
  <a href>Stretch <span uk-drop-parent-icon></span></a>
112
112
  <div class="uk-dropdown" uk-drop="boundary: !.uk-dropnav; stretch: x; flip: false">
113
- <div class="uk-grid uk-child-width-1-3@m">
113
+ <div class="uk-child-width-1-3@m" uk-grid>
114
114
  <div>
115
115
  <ul class="uk-nav uk-dropdown-nav">
116
116
  <li class="uk-active"><a href="#">Active</a></li>
@@ -152,7 +152,7 @@
152
152
  <li>
153
153
  <a href>Stretch Full <span uk-drop-parent-icon></span></a>
154
154
  <div class="uk-dropdown" uk-drop="stretch: x; flip: false">
155
- <div class="uk-grid uk-child-width-1-3@m">
155
+ <div class="uk-child-width-1-3@m" uk-grid>
156
156
  <div>
157
157
  <ul class="uk-nav uk-dropdown-nav">
158
158
  <li class="uk-active"><a href="#">Active</a></li>
@@ -219,7 +219,7 @@
219
219
  <li>
220
220
  <a href>2 Columns <span uk-drop-parent-icon></span></a>
221
221
  <div class="uk-dropdown uk-width-xlarge">
222
- <div class="uk-grid uk-child-width-1-2">
222
+ <div class="uk-child-width-1-2" uk-grid>
223
223
  <div>
224
224
  <ul class="uk-nav uk-dropdown-nav">
225
225
  <li class="uk-active"><a href="#">Active</a></li>
@@ -248,7 +248,7 @@
248
248
  <li>
249
249
  <a href>3 Columns <span uk-drop-parent-icon></span></a>
250
250
  <div class="uk-dropdown uk-width-2xlarge">
251
- <div class="uk-grid uk-child-width-1-3">
251
+ <div class="uk-child-width-1-3" uk-grid>
252
252
  <div>
253
253
  <ul class="uk-nav uk-dropdown-nav">
254
254
  <li class="uk-active"><a href="#">Active</a></li>
@@ -274,7 +274,7 @@
274
274
  <li>
275
275
  <a href>Stretch <span uk-drop-parent-icon></span></a>
276
276
  <div class="uk-dropdown" uk-drop="mode: click; boundary: !.uk-dropnav; stretch: x; flip: false">
277
- <div class="uk-grid uk-child-width-1-3@m">
277
+ <div class="uk-child-width-1-3@m" uk-grid>
278
278
  <div>
279
279
  <ul class="uk-nav uk-dropdown-nav">
280
280
  <li class="uk-active"><a href="#">Active</a></li>
@@ -316,7 +316,7 @@
316
316
  <li>
317
317
  <a href>Stretch Full <span uk-drop-parent-icon></span></a>
318
318
  <div class="uk-dropdown" uk-drop="mode: click; stretch: x; flip: false">
319
- <div class="uk-grid uk-child-width-1-3@m">
319
+ <div class="uk-child-width-1-3@m" uk-grid>
320
320
  <div>
321
321
  <ul class="uk-nav uk-dropdown-nav">
322
322
  <li class="uk-active"><a href="#">Active</a></li>
@@ -392,7 +392,7 @@
392
392
  <li>
393
393
  <a href>2 Columns <span uk-drop-parent-icon></span></a>
394
394
  <div class="uk-dropdown uk-width-xlarge">
395
- <div class="uk-grid uk-child-width-1-2">
395
+ <div class="uk-child-width-1-2" uk-grid>
396
396
  <div>
397
397
  <ul class="uk-nav uk-dropdown-nav">
398
398
  <li class="uk-active"><a href="#">Active</a></li>
@@ -421,7 +421,7 @@
421
421
  <li>
422
422
  <a href>3 Columns <span uk-drop-parent-icon></span></a>
423
423
  <div class="uk-dropdown uk-width-2xlarge">
424
- <div class="uk-grid uk-child-width-1-3">
424
+ <div class="uk-child-width-1-3" uk-grid>
425
425
  <div>
426
426
  <ul class="uk-nav uk-dropdown-nav">
427
427
  <li class="uk-active"><a href="#">Active</a></li>
@@ -447,7 +447,7 @@
447
447
  <li>
448
448
  <a href>Stretch <span uk-drop-parent-icon></span></a>
449
449
  <div class="uk-dropdown" uk-drop="boundary: !.uk-dropnav; stretch: x; flip: false">
450
- <div class="uk-grid uk-child-width-1-3@m">
450
+ <div class="uk-child-width-1-3@m" uk-grid>
451
451
  <div>
452
452
  <ul class="uk-nav uk-dropdown-nav">
453
453
  <li class="uk-active"><a href="#">Active</a></li>
@@ -489,7 +489,7 @@
489
489
  <li>
490
490
  <a href>Stretch Full <span uk-drop-parent-icon></span></a>
491
491
  <div class="uk-dropdown" uk-drop="stretch: x; flip: false">
492
- <div class="uk-grid uk-child-width-1-3@m">
492
+ <div class="uk-child-width-1-3@m" uk-grid>
493
493
  <div>
494
494
  <ul class="uk-nav uk-dropdown-nav">
495
495
  <li class="uk-active"><a href="#">Active</a></li>
@@ -556,7 +556,7 @@
556
556
  <li>
557
557
  <a href>2 Columns <span uk-drop-parent-icon></span></a>
558
558
  <div class="uk-dropdown uk-width-xlarge">
559
- <div class="uk-grid uk-child-width-1-2">
559
+ <div class="uk-child-width-1-2" uk-grid>
560
560
  <div>
561
561
  <ul class="uk-nav uk-dropdown-nav">
562
562
  <li class="uk-active"><a href="#">Active</a></li>
@@ -585,7 +585,7 @@
585
585
  <li>
586
586
  <a href>3 Columns <span uk-drop-parent-icon></span></a>
587
587
  <div class="uk-dropdown uk-width-2xlarge">
588
- <div class="uk-grid uk-child-width-1-3">
588
+ <div class="uk-child-width-1-3" uk-grid>
589
589
  <div>
590
590
  <ul class="uk-nav uk-dropdown-nav">
591
591
  <li class="uk-active"><a href="#">Active</a></li>
@@ -611,7 +611,7 @@
611
611
  <li>
612
612
  <a href>Stretch <span uk-drop-parent-icon></span></a>
613
613
  <div class="uk-dropdown" uk-drop="mode: click; boundary: !.uk-dropnav; stretch: x; flip: false">
614
- <div class="uk-grid uk-child-width-1-3@m">
614
+ <div class="uk-child-width-1-3@m" uk-grid>
615
615
  <div>
616
616
  <ul class="uk-nav uk-dropdown-nav">
617
617
  <li class="uk-active"><a href="#">Active</a></li>
@@ -653,7 +653,7 @@
653
653
  <li>
654
654
  <a href>Stretch Full <span uk-drop-parent-icon></span></a>
655
655
  <div class="uk-dropdown" uk-drop="mode: click; stretch: x; flip: false">
656
- <div class="uk-grid uk-child-width-1-3@m">
656
+ <div class="uk-child-width-1-3@m" uk-grid>
657
657
  <div>
658
658
  <ul class="uk-nav uk-dropdown-nav">
659
659
  <li class="uk-active"><a href="#">Active</a></li>
@@ -778,13 +778,13 @@
778
778
  <td><code>target-x</code></td>
779
779
  <td>Boolean, CSS selector</td>
780
780
  <td>false</td>
781
- <td>The element whose x-axis the drop is positioned against (`true` for the window).</td>
781
+ <td>The element's X axis the drop is positioned to (`true` for window).</td>
782
782
  </tr>
783
783
  <tr>
784
784
  <td><code>target-y</code></td>
785
785
  <td>Boolean, CSS selector</td>
786
786
  <td>false</td>
787
- <td>The element whose y-axis the drop is positioned against (`true` for the window).</td>
787
+ <td>The element's Y axis the drop is positioned to (`true` for window).</td>
788
788
  </tr>
789
789
  <tr>
790
790
  <td><code>offset</code></td>
package/tests/filter.html CHANGED
@@ -240,7 +240,7 @@
240
240
 
241
241
  </div>
242
242
 
243
- <h2>JavaScript Options</h2>
243
+ <h2>Javascript Options</h2>
244
244
 
245
245
  <div class="uk-overflow-auto">
246
246
  <table class="uk-table uk-table-striped">
@@ -255,9 +255,9 @@
255
255
  <tbody>
256
256
  <tr>
257
257
  <td><code>target</code></td>
258
- <td>CSS selector</td>
258
+ <td>String</td>
259
259
  <td></td>
260
- <td>The list to which the filter is applied.</td>
260
+ <td>The targeted list on which to apply the filter to.</td>
261
261
  </tr>
262
262
  <tr>
263
263
  <td><code>selActive</code></td>