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/countdown.html CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  <h2>Grid</h2>
18
18
 
19
- <div class="uk-heading-xlarge uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
19
+ <div class="uk-grid uk-heading-xlarge uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-heading-large uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
37
+ <div class="uk-grid uk-heading-large uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
55
+ <div class="uk-grid uk-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-heading-small uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
73
+ <div class="uk-grid uk-heading-small uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-h1 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
91
+ <div class="uk-grid uk-h1 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-h2 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
109
+ <div class="uk-grid uk-h2 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-h3 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
127
+ <div class="uk-grid uk-h3 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-h4 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
145
+ <div class="uk-grid uk-h4 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-h5 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
163
+ <div class="uk-grid uk-h5 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-h6 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
181
+ <div class="uk-grid uk-h6 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
201
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
223
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
245
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
267
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
289
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
311
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
333
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
355
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
377
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
399
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-text-center uk-margin" 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>Reload page after countdown expires. Initially expired countdowns won't reload the page.</td>
696
+ <td>Reloads the page after the countdown expires. Countdowns already expired on load will not 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-child-width-1-2@m" uk-grid>
24
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
77
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
108
+ <div class="uk-grid uk-child-width-1-2@m">
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-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
  <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-child-width-1-2 uk-margin-medium" uk-grid>
17
+ <div class="uk-grid uk-child-width-1-2 uk-margin-medium">
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-child-width-1-2 uk-margin-medium" uk-grid>
40
+ <div class="uk-grid uk-child-width-1-2 uk-margin-medium">
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-child-width-1-2 uk-margin-medium" uk-grid>
63
+ <div class="uk-grid uk-child-width-1-2 uk-margin-medium">
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-child-width-1-3@m" uk-grid>
41
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-2@m" uk-grid>
210
+ <div class="uk-grid uk-child-width-1-2@m">
211
211
  <div>
212
212
 
213
213
  <p>Default</p>
@@ -562,7 +562,7 @@
562
562
  </select>
563
563
  </div>
564
564
 
565
- <div uk-grid>
565
+ <div class="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 can't exceed causing it to flip and shift. By default, the nearest scrolling ancestor.</td>
655
+ <td>The area the drop cannot exceed before it flips or shifts. Defaults to 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 can't exceed causing it to flip and shift.</td>
661
+ <td>The area on the x-axis the drop cannot exceed before it flips or shifts.</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 can't exceed causing it to flip and shift.</td>
667
+ <td>The area on the y-axis the drop cannot exceed before it flips or shifts.</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's X axis the drop is positioned to (`true` for window).</td>
679
+ <td>The element whose x-axis the drop is positioned against (`true` for the 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's Y axis the drop is positioned to (`true` for window).</td>
685
+ <td>The element whose y-axis the drop is positioned against (`true` for the 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-child-width-1-4@m uk-grid-match" uk-grid>
37
+ <div class="uk-grid uk-child-width-1-4@m uk-grid-match">
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-child-width-1-3" uk-grid>
95
+ <div class="uk-grid uk-child-width-1-3">
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-child-width-1-4@m" uk-grid>
143
+ <div class="uk-grid uk-child-width-1-4@m">
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-child-width-1-4@m" uk-grid>
244
+ <div class="uk-grid uk-child-width-1-4@m">
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-child-width-1-3@m" uk-grid>
441
+ <div class="uk-grid uk-child-width-1-3@m">
442
442
  <div>
443
443
  <div class="test-boundary uk-overflow-auto uk-height-large uk-resize-vertical">
444
444
 
package/tests/dropcap.html ADDED
@@ -0,0 +1,26 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en-gb" dir="ltr">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <title>Dropcap - UIkit tests</title>
8
+ <script src="js/test.js"></script>
9
+ </head>
10
+
11
+ <body>
12
+
13
+ <div class="uk-container">
14
+
15
+ <h1>Drop Cap</h1>
16
+
17
+ <p class="uk-text-lead uk-dropcap">Dorem 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 dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
18
+
19
+ <div class="uk-dropcap">
20
+ <p>Torem 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 dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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>
21
+ </div>
22
+
23
+ </div>
24
+
25
+ </body>
26
+ </html>
package/tests/dropdown.html CHANGED
@@ -36,7 +36,7 @@
36
36
  </select>
37
37
  </div>
38
38
 
39
- <div uk-grid>
39
+ <div class="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-child-width-1-2" uk-grid>
58
+ <div class="uk-grid uk-child-width-1-2">
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-child-width-1-3" uk-grid>
87
+ <div class="uk-grid uk-child-width-1-3">
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-child-width-1-3@m" uk-grid>
113
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-3@m" uk-grid>
155
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-2" uk-grid>
222
+ <div class="uk-grid uk-child-width-1-2">
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-child-width-1-3" uk-grid>
251
+ <div class="uk-grid uk-child-width-1-3">
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-child-width-1-3@m" uk-grid>
277
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-3@m" uk-grid>
319
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-2" uk-grid>
395
+ <div class="uk-grid uk-child-width-1-2">
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-child-width-1-3" uk-grid>
424
+ <div class="uk-grid uk-child-width-1-3">
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-child-width-1-3@m" uk-grid>
450
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-3@m" uk-grid>
492
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-2" uk-grid>
559
+ <div class="uk-grid uk-child-width-1-2">
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-child-width-1-3" uk-grid>
588
+ <div class="uk-grid uk-child-width-1-3">
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-child-width-1-3@m" uk-grid>
614
+ <div class="uk-grid uk-child-width-1-3@m">
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-child-width-1-3@m" uk-grid>
656
+ <div class="uk-grid uk-child-width-1-3@m">
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's X axis the drop is positioned to (`true` for window).</td>
781
+ <td>The element whose x-axis the drop is positioned against (`true` for the 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's Y axis the drop is positioned to (`true` for window).</td>
787
+ <td>The element whose y-axis the drop is positioned against (`true` for the 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>String</td>
258
+ <td>CSS selector</td>
259
259
  <td></td>
260
- <td>The targeted list on which to apply the filter to.</td>
260
+ <td>The list to which the filter is applied.</td>
261
261
  </tr>
262
262
  <tr>
263
263
  <td><code>selActive</code></td>
package/tests/floating-shadow.html ADDED
@@ -0,0 +1,44 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en-gb" dir="ltr">
3
+
4
+ <head>
5
+ <meta charset="utf-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1">
7
+ <title>Floating Shadow - UIkit tests</title>
8
+ <script src="js/test.js"></script>
9
+ </head>
10
+
11
+ <body>
12
+
13
+ <div class="uk-container">
14
+
15
+ <h1>Floating Shadow</h1>
16
+
17
+ <div class="uk-grid uk-child-width-1-5@m uk-grid-large">
18
+ <div class="uk-width-1-6@m">
19
+
20
+ <div class="uk-floating-shadow">
21
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
22
+ </div>
23
+
24
+ </div>
25
+ <div class="uk-width-1-3@m">
26
+
27
+ <div class="uk-floating-shadow">
28
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
29
+ </div>
30
+
31
+ </div>
32
+ <div class="uk-width-1-2@m">
33
+
34
+ <div class="uk-floating-shadow">
35
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
36
+ </div>
37
+
38
+ </div>
39
+ </div>
40
+
41
+ </div>
42
+
43
+ </body>
44
+ </html>