uikit 3.25.20-dev.e4f47fc → 3.25.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (201) hide show
  1. package/CHANGELOG.md +2 -33
  2. package/build/prefix.js +1 -1
  3. package/build/publishDev.js +1 -1
  4. package/build/scope.js +1 -1
  5. package/build/scss.js +1 -1
  6. package/dist/css/uikit-core-rtl.css +917 -1045
  7. package/dist/css/uikit-core-rtl.min.css +1 -1
  8. package/dist/css/uikit-core.css +917 -1045
  9. package/dist/css/uikit-core.min.css +1 -1
  10. package/dist/css/uikit-rtl.css +936 -1064
  11. package/dist/css/uikit-rtl.min.css +1 -1
  12. package/dist/css/uikit.css +936 -1064
  13. package/dist/css/uikit.min.css +1 -1
  14. package/dist/js/components/countdown.js +1 -1
  15. package/dist/js/components/countdown.min.js +1 -1
  16. package/dist/js/components/filter.js +1 -1
  17. package/dist/js/components/filter.min.js +1 -1
  18. package/dist/js/components/lightbox-panel.js +132 -133
  19. package/dist/js/components/lightbox-panel.min.js +1 -1
  20. package/dist/js/components/lightbox.js +133 -134
  21. package/dist/js/components/lightbox.min.js +1 -1
  22. package/dist/js/components/notification.js +1 -1
  23. package/dist/js/components/notification.min.js +1 -1
  24. package/dist/js/components/parallax.js +12 -8
  25. package/dist/js/components/parallax.min.js +1 -1
  26. package/dist/js/components/slider-parallax.js +12 -8
  27. package/dist/js/components/slider-parallax.min.js +1 -1
  28. package/dist/js/components/slider.js +25 -41
  29. package/dist/js/components/slider.min.js +1 -1
  30. package/dist/js/components/slideshow-parallax.js +12 -8
  31. package/dist/js/components/slideshow-parallax.min.js +1 -1
  32. package/dist/js/components/slideshow.js +102 -71
  33. package/dist/js/components/slideshow.min.js +1 -1
  34. package/dist/js/components/sortable.js +1 -1
  35. package/dist/js/components/sortable.min.js +1 -1
  36. package/dist/js/components/tooltip.js +19 -19
  37. package/dist/js/components/tooltip.min.js +1 -1
  38. package/dist/js/components/upload.js +1 -1
  39. package/dist/js/components/upload.min.js +1 -1
  40. package/dist/js/uikit-core.js +262 -752
  41. package/dist/js/uikit-core.min.js +1 -1
  42. package/dist/js/uikit-icons.js +1 -1
  43. package/dist/js/uikit-icons.min.js +1 -1
  44. package/dist/js/uikit.js +374 -627
  45. package/dist/js/uikit.min.js +1 -1
  46. package/package.json +1 -1
  47. package/src/js/api/component.js +3 -2
  48. package/src/js/api/observables.js +4 -2
  49. package/src/js/api/options.js +3 -6
  50. package/src/js/api/props.js +4 -1
  51. package/src/js/api/state.js +8 -7
  52. package/src/js/components/index.js +0 -1
  53. package/src/js/components/internal/lightbox-animations.js +26 -7
  54. package/src/js/components/internal/slideshow-animations.js +62 -15
  55. package/src/js/components/lightbox-panel.js +96 -121
  56. package/src/js/components/lightbox.js +8 -5
  57. package/src/js/components/tooltip.js +2 -4
  58. package/src/js/core/accordion.js +29 -78
  59. package/src/js/core/drop.js +4 -5
  60. package/src/js/core/dropnav.js +3 -3
  61. package/src/js/core/grid.js +19 -5
  62. package/src/js/core/height-match.js +2 -1
  63. package/src/js/core/margin.js +0 -3
  64. package/src/js/core/overflow-fade.js +5 -5
  65. package/src/js/core/sticky.js +1 -1
  66. package/src/js/core/switcher.js +44 -24
  67. package/src/js/core/video.js +15 -172
  68. package/src/js/mixin/internal/slideshow-animations.js +13 -5
  69. package/src/js/mixin/internal/slideshow-transitioner.js +2 -2
  70. package/src/js/mixin/modal.js +3 -4
  71. package/src/js/mixin/parallax.js +4 -1
  72. package/src/js/mixin/position.js +1 -1
  73. package/src/js/mixin/slider-nav.js +1 -1
  74. package/src/js/mixin/slider-parallax.js +38 -9
  75. package/src/js/mixin/togglable.js +14 -13
  76. package/src/js/util/attr.js +7 -7
  77. package/src/js/util/class.js +1 -1
  78. package/src/js/util/dom.js +4 -3
  79. package/src/js/util/lang.js +1 -1
  80. package/src/js/util/player.js +4 -4
  81. package/src/js/util/style.js +15 -10
  82. package/src/js/util/viewport.js +25 -22
  83. package/src/less/components/_import.less +1 -6
  84. package/src/less/components/base.less +1 -1
  85. package/src/less/components/button.less +1 -1
  86. package/src/less/components/form.less +5 -5
  87. package/src/less/components/grid.less +65 -58
  88. package/src/less/components/margin.less +124 -155
  89. package/src/less/components/nav.less +1 -1
  90. package/src/less/components/padding.less +9 -9
  91. package/src/less/components/text.less +0 -6
  92. package/src/less/components/utility.less +163 -0
  93. package/src/less/theme/_import.less +1 -5
  94. package/src/less/theme/utility.less +32 -0
  95. package/src/scss/components/_import.scss +1 -6
  96. package/src/scss/components/base.scss +1 -1
  97. package/src/scss/components/button.scss +1 -1
  98. package/src/scss/components/form.scss +5 -5
  99. package/src/scss/components/grid.scss +64 -57
  100. package/src/scss/components/margin.scss +124 -155
  101. package/src/scss/components/nav.scss +1 -1
  102. package/src/scss/components/padding.scss +9 -9
  103. package/src/scss/components/text.scss +0 -6
  104. package/src/scss/components/utility.scss +129 -0
  105. package/src/scss/mixins-theme.scss +33 -42
  106. package/src/scss/mixins.scss +30 -39
  107. package/src/scss/variables-theme.scss +14 -14
  108. package/src/scss/variables.scss +14 -14
  109. package/tests/accordion.html +10 -77
  110. package/tests/alert.html +1 -1
  111. package/tests/align.html +5 -5
  112. package/tests/animation.html +4 -4
  113. package/tests/article.html +7 -7
  114. package/tests/background.html +2 -2
  115. package/tests/badge.html +1 -1
  116. package/tests/base.html +3 -3
  117. package/tests/button.html +1 -1
  118. package/tests/card.html +15 -15
  119. package/tests/close.html +2 -2
  120. package/tests/comment.html +9 -9
  121. package/tests/container.html +2 -2
  122. package/tests/countdown.html +21 -21
  123. package/tests/cover.html +6 -6
  124. package/tests/description-list.html +1 -1
  125. package/tests/divider.html +3 -3
  126. package/tests/dotnav.html +1 -1
  127. package/tests/drop.html +7 -7
  128. package/tests/dropbar.html +5 -5
  129. package/tests/dropdown.html +1 -1
  130. package/tests/dropnav.html +18 -18
  131. package/tests/filter.html +3 -3
  132. package/tests/form.html +14 -14
  133. package/tests/grid.html +47 -41
  134. package/tests/heading.html +2 -2
  135. package/tests/height-viewport.html +4 -4
  136. package/tests/height.html +5 -5
  137. package/tests/icon.html +8 -8
  138. package/tests/image.html +6 -6
  139. package/tests/index.html +13 -13
  140. package/tests/js/index.js +1 -1
  141. package/tests/leader.html +5 -5
  142. package/tests/lightbox.html +14 -14
  143. package/tests/link.html +1 -1
  144. package/tests/list.html +4 -4
  145. package/tests/margin.html +7 -7
  146. package/tests/marker.html +3 -3
  147. package/tests/modal.html +4 -4
  148. package/tests/nav.html +5 -5
  149. package/tests/navbar.html +27 -27
  150. package/tests/notification.html +2 -2
  151. package/tests/offcanvas.html +12 -12
  152. package/tests/overlay.html +3 -3
  153. package/tests/padding.html +1 -1
  154. package/tests/pagination.html +3 -3
  155. package/tests/parallax.html +1 -1
  156. package/tests/position.html +6 -6
  157. package/tests/scrollspy.html +12 -12
  158. package/tests/search.html +5 -5
  159. package/tests/section.html +17 -17
  160. package/tests/slidenav.html +3 -3
  161. package/tests/slider.html +5 -5
  162. package/tests/slideshow.html +4 -34
  163. package/tests/sortable.html +15 -15
  164. package/tests/sticky-navbar.html +4 -4
  165. package/tests/sticky-parallax.html +3 -3
  166. package/tests/sticky.html +3 -3
  167. package/tests/svg.html +2 -3
  168. package/tests/switcher.html +6 -6
  169. package/tests/tab.html +4 -4
  170. package/tests/text.html +3 -3
  171. package/tests/tile.html +4 -4
  172. package/tests/toggle.html +1 -1
  173. package/tests/tooltip.html +3 -3
  174. package/tests/totop.html +2 -2
  175. package/tests/transition.html +1 -1
  176. package/tests/upload.html +5 -5
  177. package/tests/utility.html +116 -16
  178. package/tests/video.html +27 -227
  179. package/tests/visibility.html +4 -4
  180. package/tests/width.html +12 -12
  181. package/dist/js/components/marquee.js +0 -179
  182. package/dist/js/components/marquee.min.js +0 -1
  183. package/src/js/components/marquee.js +0 -123
  184. package/src/js/mixin/connect.js +0 -55
  185. package/src/js/mixin/scroll-driven.js +0 -57
  186. package/src/less/components/dropcap.less +0 -71
  187. package/src/less/components/floating-shadow.less +0 -66
  188. package/src/less/components/logo.less +0 -94
  189. package/src/less/components/marquee.less +0 -133
  190. package/src/less/theme/dropcap.less +0 -29
  191. package/src/less/theme/floating-shadow.less +0 -20
  192. package/src/less/theme/logo.less +0 -29
  193. package/src/less/theme/marquee.less +0 -14
  194. package/src/scss/components/dropcap.scss +0 -63
  195. package/src/scss/components/floating-shadow.scss +0 -63
  196. package/src/scss/components/logo.scss +0 -75
  197. package/src/scss/components/marquee.scss +0 -136
  198. package/tests/dropcap.html +0 -26
  199. package/tests/floating-shadow.html +0 -44
  200. package/tests/logo.html +0 -84
  201. package/tests/marquee.html +0 -617
package/tests/index.html CHANGED
@@ -83,7 +83,7 @@
83
83
  <div class="uk-section uk-section-default">
84
84
  <div class="uk-container">
85
85
 
86
- <div class="uk-grid">
86
+ <div uk-grid>
87
87
  <div class="uk-width-2-3@m">
88
88
 
89
89
  <nav aria-label="Breadcrumb">
@@ -109,7 +109,7 @@
109
109
 
110
110
  <hr class="uk-divider-icon uk-margin-medium">
111
111
 
112
- <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-middle uk-margin-medium">
112
+ <div class="uk-grid-small uk-child-width-auto uk-flex-middle uk-margin-medium" uk-grid>
113
113
  <div>
114
114
  <button class="uk-button uk-button-default">Default</button>
115
115
  <div class="uk-dropdown" uk-drop="mode: click">
@@ -146,7 +146,7 @@
146
146
 
147
147
  <hr class="uk-margin-medium">
148
148
 
149
- <div class="uk-grid uk-child-width-1-2 uk-child-width-1-4@s uk-margin">
149
+ <div class="uk-child-width-1-2 uk-child-width-1-4@s uk-margin" uk-grid>
150
150
  <div>
151
151
  <ul class="uk-list">
152
152
  <li><a href="#">a element</a></li>
@@ -202,7 +202,7 @@
202
202
  <footer>Someone famous in <cite><a href="#">Source Title</a></cite></footer>
203
203
  </blockquote>
204
204
 
205
- <div class="uk-grid uk-grid-small">
205
+ <div class="uk-grid-small" uk-grid>
206
206
  <div>
207
207
  <a class="uk-button uk-button-text" href="#">Read more</a>
208
208
  </div>
@@ -222,7 +222,7 @@
222
222
  <li>
223
223
  <article class="uk-comment uk-visible-toggle" tabindex="-1" role="comment">
224
224
  <header class="uk-comment-header uk-position-relative">
225
- <div class="uk-grid uk-grid-medium uk-flex-middle">
225
+ <div class="uk-grid-medium uk-flex-middle" uk-grid>
226
226
  <div class="uk-width-auto">
227
227
  <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
228
228
  </div>
@@ -375,7 +375,7 @@
375
375
  </table>
376
376
  </div>
377
377
 
378
- <div class="uk-grid uk-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin-medium-top" js-countdown>
378
+ <div class="uk-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin-medium-top" uk-grid js-countdown>
379
379
  <div>
380
380
  <div class="uk-countdown-number uk-countdown-days"></div>
381
381
  </div>
@@ -426,7 +426,7 @@
426
426
  <textarea class="uk-textarea" rows="2" placeholder="Some text..." aria-label="Textarea"></textarea>
427
427
  </div>
428
428
 
429
- <div class="uk-grid uk-grid-small uk-child-width-auto">
429
+ <div class="uk-grid-small uk-child-width-auto" uk-grid>
430
430
  <div>
431
431
  <label><input class="uk-radio" type="radio" name="radio"> Radio</label>
432
432
  </div>
@@ -640,7 +640,7 @@
640
640
  <div class="uk-grid-divider" uk-grid>
641
641
  <div class="uk-width-2-3@m">
642
642
 
643
- <div class="uk-grid uk-child-width-1-2@s">
643
+ <div class="uk-child-width-1-2@s" uk-grid>
644
644
  <div>
645
645
 
646
646
  <div class="uk-inline">
@@ -756,7 +756,7 @@
756
756
  </div>
757
757
 
758
758
  <div class="uk-section uk-padding-remove-vertical">
759
- <div class="uk-grid uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match">
759
+ <div class="uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match" uk-grid>
760
760
  <div>
761
761
  <div class="uk-tile uk-tile-default">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</div>
762
762
  </div>
@@ -775,7 +775,7 @@
775
775
  <div class="uk-section uk-section-default">
776
776
  <div class="uk-container">
777
777
 
778
- <div class="uk-grid uk-grid-large uk-flex-middle">
778
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
779
779
  <div class="uk-width-expand@m">
780
780
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
781
781
  </div>
@@ -790,7 +790,7 @@
790
790
  <div class="uk-section uk-section-muted">
791
791
  <div class="uk-container">
792
792
 
793
- <div class="uk-grid uk-grid-large uk-flex-middle">
793
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
794
794
  <div class="uk-width-expand@m">
795
795
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
796
796
  </div>
@@ -805,7 +805,7 @@
805
805
  <div class="uk-section uk-section-primary">
806
806
  <div class="uk-container">
807
807
 
808
- <div class="uk-grid uk-grid-large uk-flex-middle">
808
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
809
809
  <div class="uk-width-expand@m">
810
810
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
811
811
  </div>
@@ -820,7 +820,7 @@
820
820
  <div class="uk-section uk-section-secondary">
821
821
  <div class="uk-container">
822
822
 
823
- <div class="uk-grid uk-grid-large uk-flex-middle">
823
+ <div class="uk-grid-large uk-flex-middle" uk-grid>
824
824
  <div class="uk-width-expand@m">
825
825
  <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
826
826
  </div>
package/tests/js/index.js CHANGED
@@ -27,7 +27,7 @@ const variations = {
27
27
  dark: 'Light',
28
28
  };
29
29
 
30
- if (/\.(json|css)$/.test(getParam('style') ?? '')) {
30
+ if (getParam('style') && getParam('style').match(/\.(json|css)$/)) {
31
31
  styles.custom = getParam('style');
32
32
  }
33
33
 
package/tests/leader.html CHANGED
@@ -14,22 +14,22 @@
14
14
 
15
15
  <h1>Leader</h1>
16
16
 
17
- <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
17
+ <div class="uk-grid-small uk-width-1-2@m uk-flex-bottom" uk-grid>
18
18
  <div class="uk-width-expand" uk-leader>Lorem ipsum dolor</div>
19
19
  <div class="uk-width-auto">Price</div>
20
20
  </div>
21
21
 
22
- <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
22
+ <div class="uk-grid-small uk-width-1-2@m uk-flex-bottom" uk-grid>
23
23
  <div class="uk-width-expand" uk-leader fill="-">Lorem ipsum dolor sit amet</div>
24
24
  <div class="uk-width-auto">Price</div>
25
25
  </div>
26
26
 
27
- <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
27
+ <div class="uk-grid-small uk-width-1-2@m uk-flex-bottom" uk-grid>
28
28
  <div class="uk-width-expand" uk-leader>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor</div>
29
29
  <div class="uk-width-auto">Price</div>
30
30
  </div>
31
31
 
32
- <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
32
+ <div class="uk-grid-small uk-width-1-2@m uk-flex-bottom" uk-grid>
33
33
  <div class="uk-width-expand" uk-leader="media: @l">The leader dots are hidden before @l</div>
34
34
  <div class="uk-width-auto">Price</div>
35
35
  </div>
@@ -56,7 +56,7 @@
56
56
  <td><code>media</code></td>
57
57
  <td>Boolean, Number, String</td>
58
58
  <td>false</td>
59
- <td>Condition for applying the space-filling behavior: an integer width (e.g. 640), a breakpoint (e.g. @s, @m, @l, @xl), or any valid media query (e.g. (min-width: 900px)).</td>
59
+ <td>Condition for the space filling - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl) or any valid media query (e.g. (min-width: 900px)).</td>
60
60
  </tr>
61
61
  </tbody>
62
62
  </table>
package/tests/lightbox.html CHANGED
@@ -41,7 +41,7 @@
41
41
 
42
42
  <h2>Sizes</h2>
43
43
 
44
- <div class="uk-grid uk-grid-small uk-child-width-1-6@m" uk-lightbox>
44
+ <div class="uk-grid-small uk-child-width-1-6@m" uk-grid uk-lightbox>
45
45
  <div>
46
46
 
47
47
  <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="images/size1.jpg" caption="900x600" data-alt="The value for the image alt attribute" attrs="class: uk-inverse-light">
@@ -94,9 +94,9 @@
94
94
  </div>
95
95
  <div>
96
96
 
97
- <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/site/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
97
+ <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/assets/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
98
98
  <figure>
99
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
99
+ <video src="https://yootheme.com/assets/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
100
100
  <figcaption class="uk-margin-small-top">Video</figcaption>
101
101
  </figure>
102
102
  </a>
@@ -136,7 +136,7 @@
136
136
 
137
137
  <h2>Thumbnav</h2>
138
138
 
139
- <div class="uk-grid uk-grid-small uk-child-width-1-6@m" uk-lightbox="nav: thumbnav; slidenav: false">
139
+ <div class="uk-grid-small uk-child-width-1-6@m" uk-grid uk-lightbox="nav: thumbnav; slidenav: false">
140
140
  <div>
141
141
 
142
142
  <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="images/size1.jpg" caption="900x600" data-alt="The value for the image alt attribute" attrs="class: uk-inverse-light">
@@ -189,9 +189,9 @@
189
189
  </div>
190
190
  <div>
191
191
 
192
- <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/site/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
192
+ <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/assets/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
193
193
  <figure>
194
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
194
+ <video src="https://yootheme.com/assets/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
195
195
  <figcaption class="uk-margin-small-top">Video</figcaption>
196
196
  </figure>
197
197
  </a>
@@ -231,7 +231,7 @@
231
231
 
232
232
  <h2>Dotnav</h2>
233
233
 
234
- <div class="uk-grid uk-grid-small uk-child-width-1-6@m" uk-lightbox="nav: dotnav; slidenav: false">
234
+ <div class="uk-grid-small uk-child-width-1-6@m" uk-grid uk-lightbox="nav: dotnav; slidenav: false">
235
235
  <div>
236
236
 
237
237
  <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="images/size1.jpg" caption="900x600" data-alt="The value for the image alt attribute" attrs="class: uk-inverse-light">
@@ -284,9 +284,9 @@
284
284
  </div>
285
285
  <div>
286
286
 
287
- <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/site/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
287
+ <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/assets/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
288
288
  <figure>
289
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
289
+ <video src="https://yootheme.com/assets/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
290
290
  <figcaption class="uk-margin-small-top">Video</figcaption>
291
291
  </figure>
292
292
  </a>
@@ -333,7 +333,7 @@
333
333
  <button class="uk-lightbox-close uk-close-large" type="button" uk-close></button>
334
334
  </div>
335
335
  <div class="uk-position-bottom uk-position-medium uk-text-center uk-transition-fade" uk-inverse>
336
- <div class="uk-grid uk-grid-small uk-width-auto uk-flex-inline uk-flex-middle">
336
+ <div class="uk-grid-small uk-width-auto uk-flex-inline uk-flex-middle" uk-grid>
337
337
  <div><a class="uk-lightbox-slidenav" href uk-slidenav-previous uk-lightbox-item="previous"></a></div>
338
338
  <div><div class="uk-lightbox-counter"></div></div>
339
339
  <div><a class="uk-lightbox-slidenav" href uk-slidenav-next uk-lightbox-item="next"></a></div>
@@ -342,7 +342,7 @@
342
342
  </div>
343
343
  </template>
344
344
 
345
- <div class="uk-grid uk-grid-small uk-child-width-1-6@m" uk-lightbox="counter: true; template: #js-lightbox-template">
345
+ <div class="uk-grid-small uk-child-width-1-6@m" uk-grid uk-lightbox="counter: true; template: #js-lightbox-template">
346
346
  <div>
347
347
 
348
348
  <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="images/size1.jpg" caption="900x600" data-alt="The value for the image alt attribute" attrs="class: uk-inverse-light">
@@ -395,9 +395,9 @@
395
395
  </div>
396
396
  <div>
397
397
 
398
- <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/site/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
398
+ <a class="uk-inline uk-panel uk-link-muted uk-text-center" href="https://yootheme.com/assets/images/media/yootheme-pro.mp4" caption="Video" poster="images/photo.jpg" attrs="class: uk-inverse-light">
399
399
  <figure>
400
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
400
+ <video src="https://yootheme.com/assets/images/media/yootheme-pro.mp4" width="400" height="267" class="uk-object-cover" style="aspect-ratio: 400 / 267;" playsinline loop muted uk-video></video>
401
401
  <figcaption class="uk-margin-small-top">Video</figcaption>
402
402
  </figure>
403
403
  </a>
@@ -613,7 +613,7 @@
613
613
  <td><code>i18n</code></td>
614
614
  <td>Object</td>
615
615
  <td>null</td>
616
- <td>Override the default translations.</td>
616
+ <td>Override default translation texts.</td>
617
617
  </tr>
618
618
  </tbody>
619
619
  </table>
package/tests/link.html CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <h1>Link</h1>
16
16
 
17
- <div class="uk-grid uk-child-width-auto">
17
+ <div class="uk-child-width-auto" uk-grid>
18
18
  <div>
19
19
 
20
20
  <ul class="uk-list">
package/tests/list.html CHANGED
@@ -35,7 +35,7 @@
35
35
  </select>
36
36
  </div>
37
37
 
38
- <div class="uk-grid uk-child-width-1-6">
38
+ <div class="uk-child-width-1-6" uk-grid>
39
39
  <div>
40
40
 
41
41
  <h3>Disc</h3>
@@ -191,7 +191,7 @@
191
191
 
192
192
  <h2>Style</h2>
193
193
 
194
- <div class="uk-grid uk-child-width-1-4">
194
+ <div class="uk-child-width-1-4" uk-grid>
195
195
  <div>
196
196
 
197
197
  <h3>Divider</h3>
@@ -268,7 +268,7 @@
268
268
 
269
269
  <h2>Large</h2>
270
270
 
271
- <div class="uk-grid uk-child-width-1-4">
271
+ <div class="uk-child-width-1-4" uk-grid>
272
272
  <div>
273
273
 
274
274
  <h3>Default</h3>
@@ -370,7 +370,7 @@
370
370
 
371
371
  <h2>Collapse</h2>
372
372
 
373
- <div class="uk-grid uk-child-width-1-4">
373
+ <div class="uk-child-width-1-4" uk-grid>
374
374
  <div>
375
375
 
376
376
  <h3>Default</h3>
package/tests/margin.html CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <h1>Margin</h1>
24
24
 
25
- <div class="uk-grid uk-child-width-1-2@m">
25
+ <div class="uk-child-width-1-2@m" uk-grid>
26
26
  <div>
27
27
 
28
28
  <div class="uk-margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
@@ -41,7 +41,7 @@
41
41
 
42
42
  <h2>X-Small</h2>
43
43
 
44
- <div class="uk-grid uk-child-width-1-2@m">
44
+ <div class="uk-child-width-1-2@m" uk-grid>
45
45
  <div>
46
46
 
47
47
  <div class="uk-margin-xsmall">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
@@ -60,7 +60,7 @@
60
60
 
61
61
  <h2>Small</h2>
62
62
 
63
- <div class="uk-grid uk-child-width-1-2@m">
63
+ <div class="uk-child-width-1-2@m" uk-grid>
64
64
  <div>
65
65
 
66
66
  <div class="uk-margin-small">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
@@ -79,7 +79,7 @@
79
79
 
80
80
  <h2>Medium</h2>
81
81
 
82
- <div class="uk-grid uk-child-width-1-2@m">
82
+ <div class="uk-child-width-1-2@m" uk-grid>
83
83
  <div>
84
84
 
85
85
  <div class="uk-margin-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
@@ -98,7 +98,7 @@
98
98
 
99
99
  <h2>Large</h2>
100
100
 
101
- <div class="uk-grid uk-child-width-1-2@m">
101
+ <div class="uk-child-width-1-2@m" uk-grid>
102
102
  <div>
103
103
 
104
104
  <div class="uk-margin-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
@@ -117,7 +117,7 @@
117
117
 
118
118
  <h2>X-Large</h2>
119
119
 
120
- <div class="uk-grid uk-child-width-1-2@m">
120
+ <div class="uk-child-width-1-2@m" uk-grid>
121
121
  <div>
122
122
 
123
123
  <div class="uk-margin-xlarge">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.</div>
@@ -136,7 +136,7 @@
136
136
 
137
137
  <h2>Wrap</h2>
138
138
 
139
- <div class="uk-grid uk-child-width-1-2@m">
139
+ <div class="uk-child-width-1-2@m" uk-grid>
140
140
  <div uk-margin>
141
141
  <button class="uk-button uk-button-default">Button</button>
142
142
  <button class="uk-button uk-button-default">Button</button>
package/tests/marker.html CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  <h1>Marker</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
  <div class="uk-inline uk-dark">
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  </div>
39
39
 
40
- <h2>JavaScript Options</h2>
40
+ <h2>Javascript Options</h2>
41
41
 
42
42
  <div class="uk-overflow-auto">
43
43
  <table class="uk-table uk-table-striped">
@@ -54,7 +54,7 @@
54
54
  <td><code>i18n</code></td>
55
55
  <td>Object</td>
56
56
  <td>null</td>
57
- <td>Override the default translations.</td>
57
+ <td>Override default translation texts.</td>
58
58
  </tr>
59
59
  </tbody>
60
60
  </table>
package/tests/modal.html CHANGED
@@ -18,7 +18,7 @@
18
18
  <button class="uk-button uk-button-default" type="button" uk-toggle="target: #scrollbar">Toggle scrollbar</button>
19
19
  </div>
20
20
 
21
- <div class="uk-grid uk-child-width-1-4@m">
21
+ <div class="uk-child-width-1-4@m" uk-grid>
22
22
  <div>
23
23
 
24
24
  <h2>Objects</h2>
@@ -173,7 +173,7 @@
173
173
  <td><code>stack</code></td>
174
174
  <td>Boolean</td>
175
175
  <td>false</td>
176
- <td>Allow multiple modals to stack. By default, opening a new modal hides the previous one.</td>
176
+ <td>Stack modals, when more than one is open? By default, the previous modal will be hidden.</td>
177
177
  </tr>
178
178
  </tbody>
179
179
  </table>
@@ -317,7 +317,7 @@
317
317
  <div id="modal-full-split" class="uk-modal-full" uk-modal>
318
318
  <div class="uk-modal-dialog">
319
319
  <button class="uk-modal-close-full" type="button" uk-close></button>
320
- <div class="uk-grid uk-grid-collapse uk-child-width-1-2@s uk-flex-middle">
320
+ <div class="uk-grid-collapse uk-child-width-1-2@s uk-flex-middle" uk-grid>
321
321
  <div class="uk-background-cover" style="background-image: url('images/photo.jpg');" uk-height-viewport></div>
322
322
  <div class="uk-padding-large">
323
323
  <h1>Headline</h1>
@@ -375,7 +375,7 @@
375
375
  <div id="modal-media-video" uk-modal>
376
376
  <div class="uk-modal-dialog uk-width-auto uk-margin-auto-vertical">
377
377
  <button class="uk-modal-close-outside" type="button" uk-close></button>
378
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" width="1920" height="1080" playsinline controls uk-video></video>
378
+ <video src="https://yootheme.com/assets/images/media/yootheme-pro.mp4" width="1920" height="1080" playsinline controls uk-video></video>
379
379
  </div>
380
380
  </div>
381
381
 
package/tests/nav.html CHANGED
@@ -21,7 +21,7 @@
21
21
  </select>
22
22
  </div>
23
23
 
24
- <div class="uk-grid uk-child-width-1-4@m">
24
+ <div class="uk-child-width-1-4@m" uk-grid>
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-grid uk-child-width-1-4@m">
137
+ <div class="uk-child-width-1-4@m" uk-grid>
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-grid uk-child-width-1-3@m">
250
+ <div class="uk-child-width-1-3@m" uk-grid>
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-grid uk-child-width-1-3@m">
359
+ <div class="uk-child-width-1-3@m" uk-grid>
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>Index of the item to open initially.</td>
435
+ <td>The element(s) to toggle.</td>
436
436
  </tr>
437
437
  <tr>
438
438
  <td><code>collapsible</code></td>