uikit 3.11.1 → 3.11.2-dev.03e47c2ff

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (222) hide show
  1. package/.eslintrc.json +4 -49
  2. package/.prettierignore +14 -0
  3. package/.prettierrc.json +13 -0
  4. package/.webstorm.js +3 -3
  5. package/CHANGELOG.md +59 -17
  6. package/build/.eslintrc.json +1 -3
  7. package/build/build.js +26 -28
  8. package/build/icons.js +7 -11
  9. package/build/less.js +48 -36
  10. package/build/package.json +2 -2
  11. package/build/prefix.js +21 -18
  12. package/build/publishDev.js +6 -8
  13. package/build/release.js +20 -17
  14. package/build/scope.js +21 -11
  15. package/build/scss.js +72 -39
  16. package/build/util.js +71 -62
  17. package/build/wrapper/icons.js +0 -2
  18. package/dist/css/uikit-core-rtl.css +127 -201
  19. package/dist/css/uikit-core-rtl.min.css +1 -1
  20. package/dist/css/uikit-core.css +127 -201
  21. package/dist/css/uikit-core.min.css +1 -1
  22. package/dist/css/uikit-rtl.css +129 -207
  23. package/dist/css/uikit-rtl.min.css +1 -1
  24. package/dist/css/uikit.css +129 -207
  25. package/dist/css/uikit.min.css +1 -1
  26. package/dist/js/components/countdown.js +88 -133
  27. package/dist/js/components/countdown.min.js +1 -1
  28. package/dist/js/components/filter.js +408 -439
  29. package/dist/js/components/filter.min.js +1 -1
  30. package/dist/js/components/lightbox-panel.js +1098 -1316
  31. package/dist/js/components/lightbox-panel.min.js +1 -1
  32. package/dist/js/components/lightbox.js +1144 -1393
  33. package/dist/js/components/lightbox.min.js +1 -1
  34. package/dist/js/components/notification.js +94 -114
  35. package/dist/js/components/notification.min.js +1 -1
  36. package/dist/js/components/parallax.js +345 -362
  37. package/dist/js/components/parallax.min.js +1 -1
  38. package/dist/js/components/slider-parallax.js +343 -350
  39. package/dist/js/components/slider-parallax.min.js +1 -1
  40. package/dist/js/components/slider.js +768 -843
  41. package/dist/js/components/slider.min.js +1 -1
  42. package/dist/js/components/slideshow-parallax.js +343 -350
  43. package/dist/js/components/slideshow-parallax.min.js +1 -1
  44. package/dist/js/components/slideshow.js +645 -793
  45. package/dist/js/components/slideshow.min.js +1 -1
  46. package/dist/js/components/sortable.js +587 -621
  47. package/dist/js/components/sortable.min.js +1 -1
  48. package/dist/js/components/tooltip.js +324 -356
  49. package/dist/js/components/tooltip.min.js +1 -1
  50. package/dist/js/components/upload.js +155 -167
  51. package/dist/js/components/upload.min.js +1 -1
  52. package/dist/js/uikit-core.js +5430 -6690
  53. package/dist/js/uikit-core.min.js +1 -1
  54. package/dist/js/uikit-icons.js +7 -9
  55. package/dist/js/uikit-icons.min.js +1 -1
  56. package/dist/js/uikit.js +8143 -9784
  57. package/dist/js/uikit.min.js +1 -1
  58. package/jsconfig.json +1 -1
  59. package/package.json +64 -60
  60. package/src/js/api/boot.js +25 -32
  61. package/src/js/api/component.js +15 -28
  62. package/src/js/api/global.js +6 -12
  63. package/src/js/api/hooks.js +14 -33
  64. package/src/js/api/instance.js +7 -15
  65. package/src/js/api/state.js +79 -100
  66. package/src/js/components/countdown.js +24 -50
  67. package/src/js/components/filter.js +70 -66
  68. package/src/js/components/index.js +13 -13
  69. package/src/js/components/internal/lightbox-animations.js +14 -25
  70. package/src/js/components/internal/slider-preload.js +37 -0
  71. package/src/js/components/internal/slider-transitioner.js +66 -45
  72. package/src/js/components/internal/slideshow-animations.js +46 -64
  73. package/src/js/components/lightbox-panel.js +107 -105
  74. package/src/js/components/lightbox.js +17 -39
  75. package/src/js/components/notification.js +49 -43
  76. package/src/js/components/parallax.js +21 -46
  77. package/src/js/components/slider-parallax.js +13 -23
  78. package/src/js/components/slider.js +95 -64
  79. package/src/js/components/slideshow-parallax.js +1 -1
  80. package/src/js/components/slideshow.js +15 -13
  81. package/src/js/components/sortable.js +126 -108
  82. package/src/js/components/tooltip.js +41 -31
  83. package/src/js/components/upload.js +52 -63
  84. package/src/js/core/accordion.js +53 -48
  85. package/src/js/core/alert.js +9 -17
  86. package/src/js/core/core.js +74 -53
  87. package/src/js/core/cover.js +11 -15
  88. package/src/js/core/drop.js +107 -93
  89. package/src/js/core/form-custom.js +20 -25
  90. package/src/js/core/gif.js +3 -7
  91. package/src/js/core/grid.js +57 -58
  92. package/src/js/core/height-match.js +16 -29
  93. package/src/js/core/height-viewport.js +29 -36
  94. package/src/js/core/icon.js +47 -52
  95. package/src/js/core/img.js +156 -138
  96. package/src/js/core/index.js +39 -39
  97. package/src/js/core/leader.js +9 -18
  98. package/src/js/core/margin.js +21 -37
  99. package/src/js/core/modal.js +49 -36
  100. package/src/js/core/nav.js +2 -4
  101. package/src/js/core/navbar.js +113 -85
  102. package/src/js/core/offcanvas.js +49 -53
  103. package/src/js/core/overflow-auto.js +13 -17
  104. package/src/js/core/responsive.js +14 -12
  105. package/src/js/core/scroll.js +10 -20
  106. package/src/js/core/scrollspy-nav.js +34 -31
  107. package/src/js/core/scrollspy.js +37 -54
  108. package/src/js/core/sticky.js +194 -123
  109. package/src/js/core/svg.js +68 -83
  110. package/src/js/core/switcher.js +47 -46
  111. package/src/js/core/tab.js +7 -10
  112. package/src/js/core/toggle.js +66 -67
  113. package/src/js/core/video.js +11 -22
  114. package/src/js/mixin/animate.js +19 -20
  115. package/src/js/mixin/class.js +2 -4
  116. package/src/js/mixin/container.js +7 -11
  117. package/src/js/mixin/internal/animate-fade.js +73 -30
  118. package/src/js/mixin/internal/animate-slide.js +58 -41
  119. package/src/js/mixin/internal/slideshow-animations.js +7 -14
  120. package/src/js/mixin/internal/slideshow-transitioner.js +10 -17
  121. package/src/js/mixin/media.js +5 -10
  122. package/src/js/mixin/modal.js +89 -66
  123. package/src/js/mixin/parallax.js +175 -121
  124. package/src/js/mixin/position.js +26 -20
  125. package/src/js/mixin/slider-autoplay.js +12 -21
  126. package/src/js/mixin/slider-drag.js +64 -65
  127. package/src/js/mixin/slider-nav.js +26 -35
  128. package/src/js/mixin/slider-reactive.js +2 -8
  129. package/src/js/mixin/slider.js +48 -55
  130. package/src/js/mixin/slideshow.js +13 -19
  131. package/src/js/mixin/togglable.js +89 -63
  132. package/src/js/uikit-core.js +2 -4
  133. package/src/js/uikit.js +2 -4
  134. package/src/js/util/ajax.js +25 -40
  135. package/src/js/util/animation.js +77 -75
  136. package/src/js/util/attr.js +17 -21
  137. package/src/js/util/class.js +14 -52
  138. package/src/js/util/dimensions.js +78 -49
  139. package/src/js/util/dom.js +39 -66
  140. package/src/js/util/env.js +7 -12
  141. package/src/js/util/event.js +60 -59
  142. package/src/js/util/fastdom.js +3 -8
  143. package/src/js/util/filter.js +17 -34
  144. package/src/js/util/index.js +0 -1
  145. package/src/js/util/lang.js +82 -121
  146. package/src/js/util/mouse.js +19 -17
  147. package/src/js/util/options.js +35 -49
  148. package/src/js/util/player.js +41 -36
  149. package/src/js/util/position.js +54 -46
  150. package/src/js/util/selector.js +43 -58
  151. package/src/js/util/style.js +39 -49
  152. package/src/js/util/viewport.js +81 -66
  153. package/src/less/components/base.less +10 -33
  154. package/src/less/components/flex.less +0 -9
  155. package/src/less/components/form-range.less +48 -95
  156. package/src/less/components/form.less +0 -1
  157. package/src/less/components/height.less +3 -0
  158. package/src/less/components/leader.less +0 -1
  159. package/src/less/components/lightbox.less +0 -1
  160. package/src/less/components/modal.less +3 -7
  161. package/src/less/components/navbar.less +0 -7
  162. package/src/less/components/progress.less +14 -36
  163. package/src/less/components/slider.less +0 -3
  164. package/src/less/components/slideshow.less +0 -3
  165. package/src/less/components/text.less +16 -32
  166. package/src/less/components/utility.less +22 -0
  167. package/src/scss/components/base.scss +10 -33
  168. package/src/scss/components/flex.scss +0 -9
  169. package/src/scss/components/form-range.scss +48 -95
  170. package/src/scss/components/form.scss +3 -4
  171. package/src/scss/components/height.scss +3 -0
  172. package/src/scss/components/icon.scss +2 -2
  173. package/src/scss/components/leader.scss +0 -1
  174. package/src/scss/components/lightbox.scss +0 -1
  175. package/src/scss/components/modal.scss +3 -7
  176. package/src/scss/components/navbar.scss +0 -7
  177. package/src/scss/components/progress.scss +14 -36
  178. package/src/scss/components/search.scss +1 -1
  179. package/src/scss/components/slider.scss +0 -3
  180. package/src/scss/components/slideshow.scss +0 -3
  181. package/src/scss/components/text.scss +16 -32
  182. package/src/scss/components/utility.scss +22 -0
  183. package/src/scss/mixins-theme.scss +1 -1
  184. package/src/scss/mixins.scss +1 -1
  185. package/src/scss/variables-theme.scss +9 -9
  186. package/src/scss/variables.scss +9 -9
  187. package/tests/align.html +10 -10
  188. package/tests/animation.html +2 -2
  189. package/tests/article.html +2 -2
  190. package/tests/base.html +3 -3
  191. package/tests/card.html +10 -10
  192. package/tests/column.html +3 -3
  193. package/tests/comment.html +9 -9
  194. package/tests/dotnav.html +3 -3
  195. package/tests/image.html +296 -64
  196. package/tests/images/image-type.avif +0 -0
  197. package/tests/images/image-type.jpeg +0 -0
  198. package/tests/images/image-type.webp +0 -0
  199. package/tests/index.html +8 -8
  200. package/tests/js/index.js +114 -85
  201. package/tests/lightbox.html +10 -10
  202. package/tests/marker.html +2 -2
  203. package/tests/modal.html +8 -9
  204. package/tests/navbar.html +2 -2
  205. package/tests/overlay.html +7 -7
  206. package/tests/parallax.html +14 -5
  207. package/tests/position.html +12 -12
  208. package/tests/slidenav.html +12 -12
  209. package/tests/slider.html +20 -20
  210. package/tests/sortable.html +1 -1
  211. package/tests/sticky-parallax.html +86 -98
  212. package/tests/sticky.html +56 -24
  213. package/tests/svg.html +6 -6
  214. package/tests/table.html +11 -11
  215. package/tests/thumbnav.html +12 -12
  216. package/tests/transition.html +30 -30
  217. package/tests/utility.html +33 -33
  218. package/tests/video.html +1 -1
  219. package/tests/width.html +1 -1
  220. package/src/js/mixin/flex-bug.js +0 -56
  221. package/src/js/util/promise.js +0 -191
  222. package/tests/images/animated.gif +0 -0
package/src/scss/variables.scss CHANGED
@@ -380,13 +380,13 @@ $dropdown-nav-divider-border-width: $global-border-width !default;
380
380
  $dropdown-nav-divider-border: $global-border !default;
381
381
  $dropdown-nav-sublist-item-color: $global-muted-color !default;
382
382
  $dropdown-nav-sublist-item-hover-color: $global-color !default;
383
+ $form-range-track-height: 3px !default;
384
+ $form-range-track-background: darken($global-muted-background, 5%) !default;
385
+ $form-range-track-focus-background: darken($form-range-track-background, 5%) !default;
383
386
  $form-range-thumb-height: 15px !default;
384
387
  $form-range-thumb-width: $form-range-thumb-height !default;
385
388
  $form-range-thumb-border-radius: 500px !default;
386
389
  $form-range-thumb-background: $global-color !default;
387
- $form-range-track-height: 3px !default;
388
- $form-range-track-background: darken($global-muted-background, 5%) !default;
389
- $form-range-track-focus-background: darken($form-range-track-background, 5%) !default;
390
390
  $form-height: $global-control-height !default;
391
391
  $form-line-height: $form-height !default;
392
392
  $form-padding-horizontal: 10px !default;
@@ -447,16 +447,16 @@ $internal-form-checkbox-indeterminate-image: "data:image/svg+xml;charset=UTF-8,%
447
447
  $inverse-global-muted-background: rgba($global-inverse-color, 0.1) !default;
448
448
  $inverse-form-background: $inverse-global-muted-background !default;
449
449
  $inverse-form-color: $inverse-global-color !default;
450
- $inverse-form-focus-background: fadein($inverse-form-background, 5%) !default;
450
+ $inverse-form-focus-background: fade-in($inverse-form-background, 0.05) !default;
451
451
  $inverse-form-focus-color: $inverse-global-color !default;
452
452
  $inverse-form-placeholder-color: $inverse-global-muted-color !default;
453
453
  $inverse-form-select-icon-color: $inverse-global-color !default;
454
454
  $inverse-form-datalist-icon-color: $inverse-global-color !default;
455
455
  $inverse-form-radio-background: $inverse-global-muted-background !default;
456
- $inverse-form-radio-focus-background: fadein($inverse-form-radio-background, 5%) !default;
456
+ $inverse-form-radio-focus-background: fade-in($inverse-form-radio-background, 0.05) !default;
457
457
  $inverse-form-radio-checked-background: $inverse-global-primary-background !default;
458
458
  $inverse-form-radio-checked-icon-color: $inverse-global-inverse-color !default;
459
- $inverse-form-radio-checked-focus-background: fadein($inverse-global-primary-background, 10%) !default;
459
+ $inverse-form-radio-checked-focus-background: fade-in($inverse-global-primary-background, 0.1) !default;
460
460
  $inverse-form-icon-color: $inverse-global-muted-color !default;
461
461
  $inverse-form-icon-hover-color: $inverse-global-color !default;
462
462
  $grid-gutter-horizontal: $global-gutter !default;
@@ -541,9 +541,9 @@ $inverse-icon-link-hover-color: $inverse-global-color !default;
541
541
  $inverse-icon-link-active-color: $inverse-global-color !default;
542
542
  $inverse-icon-button-background: $inverse-global-muted-background !default;
543
543
  $inverse-icon-button-color: $inverse-global-muted-color !default;
544
- $inverse-icon-button-hover-background: fadein($inverse-icon-button-background, 5%) !default;
544
+ $inverse-icon-button-hover-background: fade-in($inverse-icon-button-background, 0.05) !default;
545
545
  $inverse-icon-button-hover-color: $inverse-global-color !default;
546
- $inverse-icon-button-active-background: fadein($inverse-icon-button-background, 10%) !default;
546
+ $inverse-icon-button-active-background: fade-in($inverse-icon-button-background, 0.1) !default;
547
547
  $inverse-icon-button-active-color: $inverse-global-color !default;
548
548
  $iconnav-margin-horizontal: $global-small-margin !default;
549
549
  $iconnav-margin-vertical: $iconnav-margin-horizontal !default;
@@ -853,7 +853,7 @@ $inverse-search-color: $inverse-global-color !default;
853
853
  $inverse-search-placeholder-color: $inverse-global-muted-color !default;
854
854
  $inverse-search-icon-color: $inverse-global-muted-color !default;
855
855
  $inverse-search-default-background: $inverse-global-muted-background !default;
856
- $inverse-search-default-focus-background: fadein($inverse-search-default-background, 5%) !default;
856
+ $inverse-search-default-focus-background: fade-in($inverse-search-default-background, 0.05) !default;
857
857
  $inverse-search-navbar-background: transparent !default;
858
858
  $inverse-search-large-background: transparent !default;
859
859
  $inverse-search-toggle-color: $inverse-global-muted-color !default;
package/tests/align.html CHANGED
@@ -17,7 +17,7 @@
17
17
  <div class="uk-child-width-1-2@s" uk-grid>
18
18
  <div>
19
19
 
20
- <img class="uk-align-right uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
20
+ <img class="uk-align-right uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
21
21
 
22
22
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
23
23
 
@@ -26,7 +26,7 @@
26
26
  </div>
27
27
  <div>
28
28
 
29
- <img class="uk-align-left uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
29
+ <img class="uk-align-left uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
30
30
 
31
31
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
32
32
 
@@ -40,7 +40,7 @@
40
40
  <div class="uk-child-width-1-2@s" uk-grid>
41
41
  <div>
42
42
 
43
- <img class="uk-align-center uk-align-right@s uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
43
+ <img class="uk-align-center uk-align-right@s uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
44
44
 
45
45
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
46
46
 
@@ -49,7 +49,7 @@
49
49
  </div>
50
50
  <div>
51
51
 
52
- <img class="uk-align-center uk-align-left@s uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
52
+ <img class="uk-align-center uk-align-left@s uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
53
53
 
54
54
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
55
55
 
@@ -63,7 +63,7 @@
63
63
  <div class="uk-child-width-1-2@s" uk-grid>
64
64
  <div>
65
65
 
66
- <img class="uk-align-center uk-align-right@m uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
66
+ <img class="uk-align-center uk-align-right@m uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
67
67
 
68
68
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
69
69
 
@@ -72,7 +72,7 @@
72
72
  </div>
73
73
  <div>
74
74
 
75
- <img class="uk-align-center uk-align-left@m uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
75
+ <img class="uk-align-center uk-align-left@m uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
76
76
 
77
77
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
78
78
 
@@ -86,7 +86,7 @@
86
86
  <div class="uk-child-width-1-2@s" uk-grid>
87
87
  <div>
88
88
 
89
- <img class="uk-align-center uk-align-right@l uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
89
+ <img class="uk-align-center uk-align-right@l uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
90
90
 
91
91
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
92
92
 
@@ -95,7 +95,7 @@
95
95
  </div>
96
96
  <div>
97
97
 
98
- <img class="uk-align-center uk-align-left@l uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
98
+ <img class="uk-align-center uk-align-left@l uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
99
99
 
100
100
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
101
101
 
@@ -109,7 +109,7 @@
109
109
  <div class="uk-child-width-1-2@s" uk-grid>
110
110
  <div>
111
111
 
112
- <img class="uk-align-center uk-align-right@xl uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
112
+ <img class="uk-align-center uk-align-right@xl uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
113
113
 
114
114
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
115
115
 
@@ -118,7 +118,7 @@
118
118
  </div>
119
119
  <div>
120
120
 
121
- <img class="uk-align-center uk-align-left@xl uk-margin-remove-adjacent" src="images/photo.jpg" width="250" alt="">
121
+ <img class="uk-align-center uk-align-left@xl uk-margin-remove-adjacent" src="images/photo.jpg" width="250" height="167" alt="">
122
122
 
123
123
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
124
124
 
package/tests/animation.html CHANGED
@@ -220,14 +220,14 @@
220
220
  <div>
221
221
 
222
222
  <div class="uk-overflow-hidden">
223
- <img class="uk-animation-kenburns uk-transform-origin-center-right" src="images/dark.jpg" alt="">
223
+ <img class="uk-animation-kenburns uk-transform-origin-center-right" src="images/dark.jpg" width="1800" height="1200" alt="">
224
224
  </div>
225
225
 
226
226
  </div>
227
227
  <div>
228
228
 
229
229
  <div class="uk-overflow-hidden">
230
- <img class="uk-animation-kenburns uk-animation-reverse uk-transform-origin-top-center" src="images/dark.jpg" alt="">
230
+ <img class="uk-animation-kenburns uk-animation-reverse uk-transform-origin-top-center" src="images/dark.jpg" width="1800" height="1200" alt="">
231
231
  </div>
232
232
 
233
233
  </div>
package/tests/article.html CHANGED
@@ -60,7 +60,7 @@
60
60
 
61
61
  <article class="uk-article">
62
62
 
63
- <img class="uk-margin-medium-bottom" src="images/photo.jpg" alt="">
63
+ <img class="uk-margin-medium-bottom" src="images/photo.jpg" width="1800" height="1200" alt="">
64
64
 
65
65
  <h1 class="uk-article-title"><a class="uk-link-reset" href="">Heading</a></h1>
66
66
 
@@ -83,7 +83,7 @@
83
83
 
84
84
  <article class="uk-article">
85
85
 
86
- <img class="uk-margin-medium-bottom" src="images/dark.jpg" alt="">
86
+ <img class="uk-margin-medium-bottom" src="images/dark.jpg" width="1800" height="1200" alt="">
87
87
 
88
88
  <h1 class="uk-article-title"><a class="uk-link-reset" href="">Heading</a></h1>
89
89
 
package/tests/base.html CHANGED
@@ -137,7 +137,7 @@
137
137
  <h3>Figure</h3>
138
138
 
139
139
  <figure>
140
- <img src="images/photo.jpg" alt="">
140
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
141
141
  <figcaption>Figcaption content</figcaption>
142
142
  </figure>
143
143
 
@@ -203,7 +203,7 @@
203
203
  <div class="uk-grid-small uk-child-width-1-4" uk-grid>
204
204
  <figure>
205
205
 
206
- <img width="1800" height="1200" src="images/photo.jpg" alt="">
206
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
207
207
  <figcaption>Image</figcaption>
208
208
 
209
209
  </figure>
@@ -225,7 +225,7 @@
225
225
  </figure>
226
226
  <figure>
227
227
 
228
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4"></video>
228
+ <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" width="1920" height="1080"></video>
229
229
  <figcaption>Video</figcaption>
230
230
 
231
231
  </figure>
package/tests/card.html CHANGED
@@ -224,7 +224,7 @@
224
224
 
225
225
  <div class="uk-card uk-card-default">
226
226
  <div class="uk-card-media-top">
227
- <img src="images/photo.jpg" alt="">
227
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
228
228
  </div>
229
229
  <div class="uk-card-body">
230
230
  <h3 class="uk-card-title">Media Top</h3>
@@ -241,7 +241,7 @@
241
241
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
242
242
  </div>
243
243
  <div class="uk-card-media-bottom">
244
- <img src="images/photo.jpg" alt="">
244
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
245
245
  </div>
246
246
  </div>
247
247
 
@@ -303,7 +303,7 @@
303
303
 
304
304
  <div class="uk-card uk-card-default">
305
305
  <div class="uk-card-media-top">
306
- <img src="images/light.jpg" alt="">
306
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
307
307
  </div>
308
308
  <div class="uk-card-body">
309
309
  <h3 class="uk-card-title">Title</h3>
@@ -328,7 +328,7 @@
328
328
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
329
329
  </div>
330
330
  <div class="uk-card-media-bottom">
331
- <img src="images/dark.jpg" alt="">
331
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
332
332
  </div>
333
333
  </div>
334
334
 
@@ -339,7 +339,7 @@
339
339
  <div class="uk-card-header">
340
340
  <div class="uk-grid-small uk-flex-middle" uk-grid>
341
341
  <div class="uk-width-auto">
342
- <img class="uk-border-circle" src="images/avatar.jpg" width="50" alt="">
342
+ <img class="uk-border-circle" src="images/avatar.jpg" width="50" height="50" alt="">
343
343
  </div>
344
344
  <div class="uk-width-expand">
345
345
  <h3 class="uk-card-title uk-margin-remove-bottom">Title</h3>
@@ -348,7 +348,7 @@
348
348
  </div>
349
349
  </div>
350
350
  <div class="uk-card-media">
351
- <img src="images/light.jpg" alt="">
351
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
352
352
  </div>
353
353
  <div class="uk-card-body">
354
354
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p>
@@ -437,7 +437,7 @@
437
437
 
438
438
  <div class="uk-card uk-card-secondary">
439
439
  <div class="uk-card-media-top">
440
- <img src="images/dark.jpg" alt="">
440
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
441
441
  </div>
442
442
  <div class="uk-card-body">
443
443
  <ul class="uk-nav uk-nav-default">
@@ -457,7 +457,7 @@
457
457
  </ul>
458
458
  </div>
459
459
  <div class="uk-card-media-bottom">
460
- <img src="images/dark.jpg" alt="">
460
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
461
461
  </div>
462
462
  </div>
463
463
 
@@ -486,7 +486,7 @@
486
486
 
487
487
  <div class="uk-card uk-card-default uk-card-small">
488
488
  <div class="uk-card-media-top">
489
- <img src="images/light.jpg" alt="">
489
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
490
490
  </div>
491
491
  <div class="uk-card-body">
492
492
  <h3 class="uk-card-title">Title</h3>
@@ -562,7 +562,7 @@
562
562
 
563
563
  <div class="uk-card uk-card-default uk-card-large">
564
564
  <div class="uk-card-media-top">
565
- <img src="images/light.jpg" alt="">
565
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
566
566
  </div>
567
567
  <div class="uk-card-body">
568
568
  <h3 class="uk-card-title">Title</h3>
package/tests/column.html CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  <p>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 non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
24
24
 
25
- <img src="images/photo.jpg" alt="">
25
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
26
26
 
27
27
  <p>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 non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
28
28
 
@@ -38,7 +38,7 @@
38
38
 
39
39
  <p>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 non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
40
40
 
41
- <img src="images/photo.jpg" alt="">
41
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
42
42
 
43
43
  <p>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 non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
44
44
 
@@ -59,7 +59,7 @@
59
59
  <footer>Someone famous in <cite><a href="">Source Title</a></cite></footer>
60
60
  </blockquote>
61
61
 
62
- <img src="images/photo.jpg" alt="">
62
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
63
63
 
64
64
  <p>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 non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
65
65
 
package/tests/comment.html CHANGED
@@ -22,7 +22,7 @@
22
22
  <header class="uk-comment-header">
23
23
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
24
24
  <div class="uk-width-auto">
25
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
25
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
26
26
  </div>
27
27
  <div class="uk-width-expand">
28
28
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -43,7 +43,7 @@
43
43
  <header class="uk-comment-header uk-position-relative">
44
44
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
45
45
  <div class="uk-width-auto">
46
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
46
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
47
47
  </div>
48
48
  <div class="uk-width-expand">
49
49
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -62,7 +62,7 @@
62
62
  <header class="uk-comment-header uk-position-relative">
63
63
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
64
64
  <div class="uk-width-auto">
65
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
65
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
66
66
  </div>
67
67
  <div class="uk-width-expand">
68
68
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -81,7 +81,7 @@
81
81
  <header class="uk-comment-header uk-position-relative">
82
82
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
83
83
  <div class="uk-width-auto">
84
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
84
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
85
85
  </div>
86
86
  <div class="uk-width-expand">
87
87
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -100,7 +100,7 @@
100
100
  <header class="uk-comment-header uk-position-relative">
101
101
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
102
102
  <div class="uk-width-auto">
103
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
103
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
104
104
  </div>
105
105
  <div class="uk-width-expand">
106
106
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -123,7 +123,7 @@
123
123
  <header class="uk-comment-header uk-position-relative">
124
124
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
125
125
  <div class="uk-width-auto">
126
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
126
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
127
127
  </div>
128
128
  <div class="uk-width-expand">
129
129
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -145,7 +145,7 @@
145
145
  <header class="uk-comment-header uk-position-relative">
146
146
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
147
147
  <div class="uk-width-auto">
148
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
148
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
149
149
  </div>
150
150
  <div class="uk-width-expand">
151
151
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -164,7 +164,7 @@
164
164
  <header class="uk-comment-header uk-position-relative">
165
165
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
166
166
  <div class="uk-width-auto">
167
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
167
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
168
168
  </div>
169
169
  <div class="uk-width-expand">
170
170
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
@@ -183,7 +183,7 @@
183
183
  <header class="uk-comment-header uk-position-relative">
184
184
  <div class="uk-grid-medium uk-flex-middle" uk-grid>
185
185
  <div class="uk-width-auto">
186
- <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">
186
+ <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" height="50" alt="">
187
187
  </div>
188
188
  <div class="uk-width-expand">
189
189
  <h4 class="uk-comment-title uk-margin-remove"><a class="uk-link-reset" href="#">Author</a></h4>
package/tests/dotnav.html CHANGED
@@ -42,7 +42,7 @@
42
42
  <div>
43
43
 
44
44
  <div class="uk-inline uk-light">
45
- <img src="images/photo.jpg" alt="">
45
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
46
46
  <div class="uk-position-small uk-position-bottom-center">
47
47
  <ul class="uk-dotnav">
48
48
  <li class="uk-active"><a href="#">Item 1</a></li>
@@ -69,7 +69,7 @@
69
69
  <div>
70
70
 
71
71
  <div class="uk-inline uk-light">
72
- <img src="images/dark.jpg" alt="">
72
+ <img src="images/dark.jpg" width="1800" height="1200" alt="">
73
73
  <div class="uk-position-small uk-position-bottom-center">
74
74
  <ul class="uk-dotnav">
75
75
  <li class="uk-active"><a href="#">Item 1</a></li>
@@ -96,7 +96,7 @@
96
96
  <div>
97
97
 
98
98
  <div class="uk-inline uk-dark">
99
- <img src="images/light.jpg" alt="">
99
+ <img src="images/light.jpg" width="1800" height="1200" alt="">
100
100
  <div class="uk-position-small uk-position-bottom-center">
101
101
  <ul class="uk-dotnav">
102
102
  <li class="uk-active"><a href="#">Item 1</a></li>