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/image.html CHANGED
@@ -20,7 +20,7 @@
20
20
 
21
21
  <h2>Loading Lazy Attribute</h2>
22
22
 
23
- <div class="uk-child-width-1-2@m" uk-grid>
23
+ <div class="uk-grid uk-child-width-1-2@m">
24
24
  <div>
25
25
  <img src="https://images.unsplash.com/photo-1476820865390-c52aeebb9891?fit=crop&w=900&h=600&q=80" width="900" height="600" alt="" loading="lazy">
26
26
  <p class="uk-margin-small-top">Image</p>
@@ -40,7 +40,7 @@
40
40
  </div>
41
41
  </div>
42
42
 
43
- <div class="uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid>
43
+ <div class="uk-grid uk-child-width-1-2@s uk-child-width-1-3@m">
44
44
  <div>
45
45
  <img src="https://images.unsplash.com/photo-1517842536804-bf6629e2c291?fit=crop&w=373&h=249&q=80"
46
46
  srcset="https://images.unsplash.com/photo-1517842536804-bf6629e2c291?fit=crop&w=373&h=249&q=80 373w,
@@ -280,7 +280,7 @@
280
280
 
281
281
  <h2>uk-img with Image element (Deprecated)</h2>
282
282
 
283
- <div class="uk-child-width-1-2@m" uk-grid>
283
+ <div class="uk-grid uk-child-width-1-2@m">
284
284
  <div>
285
285
  <img data-src="https://images.unsplash.com/photo-1522201949034-507737bce479?fit=crop&w=900&h=600&q=80" width="900" height="600" alt="" uk-img>
286
286
  <p class="uk-margin-small-top">Image</p>
@@ -300,7 +300,7 @@
300
300
  </div>
301
301
  </div>
302
302
 
303
- <div class="uk-child-width-1-2@s uk-child-width-1-3@m" uk-grid>
303
+ <div class="uk-grid uk-child-width-1-2@s uk-child-width-1-3@m">
304
304
  <div>
305
305
  <img data-src="https://images.unsplash.com/photo-1523359247812-29dde5ac53a0?fit=crop&w=373&h=249&q=80"
306
306
  data-srcset="https://images.unsplash.com/photo-1523359247812-29dde5ac53a0?fit=crop&w=373&h=249&q=80 373w,
@@ -492,7 +492,7 @@
492
492
  </div>
493
493
  </div>
494
494
 
495
- <div class="uk-child-width-1-2@m" uk-grid>
495
+ <div class="uk-grid uk-child-width-1-2@m">
496
496
  <div>
497
497
 
498
498
  <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="ratio: 3:2; autoplay: false">
@@ -612,7 +612,7 @@
612
612
  <td><code>sources</code></td>
613
613
  <td>String</td>
614
614
  <td></td>
615
- <td>The image's sources. This option is used for background images only. The sources attributes be passed in `key: value;` format for a single source. For multiple sources in JSON format.</td>
615
+ <td>The image sources. For background images only. Pass a single source in `key: value;` format, or multiple sources as JSON.</td>
616
616
  </tr>
617
617
  <tr>
618
618
  <td><code>loading</code></td>
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 uk-grid>
86
+ <div class="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-small uk-child-width-auto uk-flex-middle uk-margin-medium" uk-grid>
112
+ <div class="uk-grid uk-grid-small uk-child-width-auto uk-flex-middle uk-margin-medium">
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-child-width-1-2 uk-child-width-1-4@s uk-margin" uk-grid>
149
+ <div class="uk-grid uk-child-width-1-2 uk-child-width-1-4@s uk-margin">
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-small" uk-grid>
205
+ <div class="uk-grid uk-grid-small">
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-medium uk-flex-middle" uk-grid>
225
+ <div class="uk-grid uk-grid-medium uk-flex-middle">
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-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin-medium-top" uk-grid js-countdown>
378
+ <div class="uk-grid uk-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin-medium-top" 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-small uk-child-width-auto" uk-grid>
429
+ <div class="uk-grid uk-grid-small uk-child-width-auto">
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-child-width-1-2@s" uk-grid>
643
+ <div class="uk-grid uk-child-width-1-2@s">
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-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match" uk-grid>
759
+ <div class="uk-grid uk-child-width-1-2@s uk-child-width-1-4@l uk-grid-collapse uk-grid-match">
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-large uk-flex-middle" uk-grid>
778
+ <div class="uk-grid uk-grid-large uk-flex-middle">
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-large uk-flex-middle" uk-grid>
793
+ <div class="uk-grid uk-grid-large uk-flex-middle">
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-large uk-flex-middle" uk-grid>
808
+ <div class="uk-grid uk-grid-large uk-flex-middle">
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-large uk-flex-middle" uk-grid>
823
+ <div class="uk-grid uk-grid-large uk-flex-middle">
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 (getParam('style') && getParam('style').match(/\.(json|css)$/)) {
30
+ if (/\.(json|css)$/.test(getParam('style') ?? '')) {
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-small uk-width-1-2@m uk-flex-bottom" uk-grid>
17
+ <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
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-small uk-width-1-2@m uk-flex-bottom" uk-grid>
22
+ <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
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-small uk-width-1-2@m uk-flex-bottom" uk-grid>
27
+ <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
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-small uk-width-1-2@m uk-flex-bottom" uk-grid>
32
+ <div class="uk-grid uk-grid-small uk-width-1-2@m uk-flex-bottom">
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 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>
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>
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-small uk-child-width-1-6@m" uk-grid uk-lightbox>
44
+ <div class="uk-grid uk-grid-small uk-child-width-1-6@m" 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">
@@ -136,7 +136,7 @@
136
136
 
137
137
  <h2>Thumbnav</h2>
138
138
 
139
- <div class="uk-grid-small uk-child-width-1-6@m" uk-grid uk-lightbox="nav: thumbnav; slidenav: false">
139
+ <div class="uk-grid uk-grid-small uk-child-width-1-6@m" 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">
@@ -231,7 +231,7 @@
231
231
 
232
232
  <h2>Dotnav</h2>
233
233
 
234
- <div class="uk-grid-small uk-child-width-1-6@m" uk-grid uk-lightbox="nav: dotnav; slidenav: false">
234
+ <div class="uk-grid uk-grid-small uk-child-width-1-6@m" 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">
@@ -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-small uk-width-auto uk-flex-inline uk-flex-middle" uk-grid>
336
+ <div class="uk-grid uk-grid-small uk-width-auto uk-flex-inline uk-flex-middle">
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-small uk-child-width-1-6@m" uk-grid uk-lightbox="counter: true; template: #js-lightbox-template">
345
+ <div class="uk-grid uk-grid-small uk-child-width-1-6@m" 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">
@@ -613,7 +613,7 @@
613
613
  <td><code>i18n</code></td>
614
614
  <td>Object</td>
615
615
  <td>null</td>
616
- <td>Override default translation texts.</td>
616
+ <td>Override the default translations.</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-child-width-auto" uk-grid>
17
+ <div class="uk-grid uk-child-width-auto">
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-child-width-1-6" uk-grid>
38
+ <div class="uk-grid uk-child-width-1-6">
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-child-width-1-4" uk-grid>
194
+ <div class="uk-grid uk-child-width-1-4">
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-child-width-1-4" uk-grid>
271
+ <div class="uk-grid uk-child-width-1-4">
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-child-width-1-4" uk-grid>
373
+ <div class="uk-grid uk-child-width-1-4">
374
374
  <div>
375
375
 
376
376
  <h3>Default</h3>
package/tests/logo.html ADDED
@@ -0,0 +1,84 @@
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>Logo - UIkit tests</title>
8
+ <script src="js/test.js"></script>
9
+ </head>
10
+
11
+ <body>
12
+
13
+ <div class="uk-container">
14
+
15
+ <h1>Logo</h1>
16
+
17
+ <p>
18
+ <a class="uk-logo" href="#">Text Logo</a>
19
+ </p>
20
+
21
+ <div class="uk-grid uk-child-width-auto uk-grid-small">
22
+ <div>
23
+ <p>Image<br>-</p>
24
+ <a class="uk-logo" href="#" aria-label="Back to Home">
25
+ <img src="images/photo.jpg" width="150" height="100" alt="">
26
+ </a>
27
+ </div>
28
+ <div>
29
+ <p>Picture<br>-</p>
30
+ <a class="uk-logo" href="#" aria-label="Back to Home">
31
+ <picture>
32
+ <img src="images/photo.jpg" width="150" height="100" alt="">
33
+ </picture>
34
+ </a>
35
+ </div>
36
+ <div>
37
+ <p>Image<br>Inverse Image</p>
38
+ <a class="uk-logo" href="#" aria-label="Back to Home">
39
+ <img src="images/photo.jpg" width="150" height="100" alt="">
40
+ <img class="uk-logo-inverse" src="images/dark.jpg" width="150" height="100" alt="">
41
+ </a>
42
+ </div>
43
+ <div>
44
+ <p>Picture<br>Inverse Picture</p>
45
+ <a class="uk-logo" href="#" aria-label="Back to Home">
46
+ <picture>
47
+ <img src="images/photo.jpg" width="150" height="100" alt="">
48
+ </picture>
49
+ <picture>
50
+ <img class="uk-logo-inverse" src="images/dark.jpg" width="150" height="100" alt="">
51
+ </picture>
52
+ </a>
53
+ </div>
54
+ <div>
55
+ <p>Picture<br>Inverse SVG</p>
56
+ <a class="uk-logo" href="#" aria-label="Back to Home">
57
+ <picture>
58
+ <img src="images/photo.jpg" width="150" height="100" alt="">
59
+ </picture>
60
+ <img class="uk-logo-inverse" src="images/icons.svg#trash" alt="" uk-svg>
61
+ </a>
62
+ </div>
63
+ <div>
64
+ <p>SVG<br>Inverse Picture</p>
65
+ <a class="uk-logo" href="#" aria-label="Back to Home">
66
+ <img src="images/icons.svg#table" alt="" uk-svg>
67
+ <picture>
68
+ <img class="uk-logo-inverse" src="images/dark.jpg" width="150" height="100" alt="">
69
+ </picture>
70
+ </a>
71
+ </div>
72
+ <div>
73
+ <p>SVG<br>Inverse SVG</p>
74
+ <a class="uk-logo" href="#" aria-label="Back to Home">
75
+ <img src="images/icons.svg#table" alt="" uk-svg>
76
+ <img class="uk-logo-inverse" src="images/icons.svg#trash" alt="" uk-svg>
77
+ </a>
78
+ </div>
79
+ </div>
80
+
81
+ </div>
82
+
83
+ </body>
84
+ </html>
package/tests/margin.html CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <h1>Margin</h1>
24
24
 
25
- <div class="uk-child-width-1-2@m" uk-grid>
25
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
44
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
63
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
82
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
101
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
120
+ <div class="uk-grid uk-child-width-1-2@m">
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-child-width-1-2@m" uk-grid>
139
+ <div class="uk-grid uk-child-width-1-2@m">
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-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
  <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 default translation texts.</td>
57
+ <td>Override the default translations.</td>
58
58
  </tr>
59
59
  </tbody>
60
60
  </table>