uikit 3.11.2-dev.2b60845fb → 3.11.2-dev.2f4ac8e16

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 (130) hide show
  1. package/CHANGELOG.md +32 -18
  2. package/dist/css/uikit-core-rtl.css +80 -186
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +80 -186
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +82 -192
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +82 -192
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +6 -8
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +26 -55
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +27 -57
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +85 -68
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +85 -68
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +60 -12
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +85 -68
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +52 -16
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +5 -7
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +2 -2
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +215 -220
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +397 -355
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/api/component.js +2 -11
  44. package/src/js/api/hooks.js +1 -1
  45. package/src/js/api/state.js +1 -1
  46. package/src/js/components/filter.js +2 -3
  47. package/src/js/components/internal/lightbox-animations.js +4 -3
  48. package/src/js/components/internal/slider-preload.js +37 -0
  49. package/src/js/components/internal/slideshow-animations.js +4 -3
  50. package/src/js/components/lightbox-panel.js +34 -58
  51. package/src/js/components/lightbox.js +1 -2
  52. package/src/js/components/slider.js +21 -1
  53. package/src/js/components/slideshow.js +8 -1
  54. package/src/js/components/sortable.js +1 -1
  55. package/src/js/core/alert.js +1 -2
  56. package/src/js/core/img.js +129 -114
  57. package/src/js/core/modal.js +1 -2
  58. package/src/js/core/navbar.js +3 -3
  59. package/src/js/core/sticky.js +1 -1
  60. package/src/js/core/svg.js +10 -6
  61. package/src/js/core/toggle.js +2 -1
  62. package/src/js/mixin/internal/animate-slide.js +9 -12
  63. package/src/js/mixin/parallax.js +85 -68
  64. package/src/js/mixin/slider.js +8 -16
  65. package/src/js/mixin/slideshow.js +2 -2
  66. package/src/js/mixin/togglable.js +1 -2
  67. package/src/js/util/ajax.js +9 -12
  68. package/src/js/util/animation.js +7 -12
  69. package/src/js/util/dom.js +27 -30
  70. package/src/js/util/lang.js +7 -6
  71. package/src/js/util/options.js +2 -11
  72. package/src/js/util/player.js +5 -4
  73. package/src/js/util/selector.js +12 -18
  74. package/src/js/util/style.js +4 -4
  75. package/src/less/components/base.less +10 -33
  76. package/src/less/components/form-range.less +52 -97
  77. package/src/less/components/form.less +0 -1
  78. package/src/less/components/leader.less +0 -1
  79. package/src/less/components/lightbox.less +0 -1
  80. package/src/less/components/modal.less +3 -7
  81. package/src/less/components/progress.less +14 -36
  82. package/src/less/components/slider.less +0 -3
  83. package/src/less/components/slideshow.less +0 -3
  84. package/src/less/components/text.less +16 -32
  85. package/src/scss/components/base.scss +10 -33
  86. package/src/scss/components/form-range.scss +52 -97
  87. package/src/scss/components/form.scss +0 -1
  88. package/src/scss/components/leader.scss +0 -1
  89. package/src/scss/components/lightbox.scss +0 -1
  90. package/src/scss/components/modal.scss +3 -7
  91. package/src/scss/components/progress.scss +14 -36
  92. package/src/scss/components/slider.scss +0 -3
  93. package/src/scss/components/slideshow.scss +0 -3
  94. package/src/scss/components/text.scss +16 -32
  95. package/src/scss/mixins-theme.scss +1 -1
  96. package/src/scss/mixins.scss +1 -1
  97. package/src/scss/variables-theme.scss +3 -3
  98. package/src/scss/variables.scss +3 -3
  99. package/tests/align.html +10 -10
  100. package/tests/animation.html +2 -2
  101. package/tests/article.html +2 -2
  102. package/tests/base.html +3 -3
  103. package/tests/card.html +10 -10
  104. package/tests/column.html +3 -3
  105. package/tests/comment.html +9 -9
  106. package/tests/dotnav.html +3 -3
  107. package/tests/image.html +296 -64
  108. package/tests/images/image-type.avif +0 -0
  109. package/tests/images/image-type.jpeg +0 -0
  110. package/tests/images/image-type.webp +0 -0
  111. package/tests/index.html +8 -8
  112. package/tests/lightbox.html +10 -10
  113. package/tests/marker.html +2 -2
  114. package/tests/modal.html +8 -9
  115. package/tests/navbar.html +2 -2
  116. package/tests/overlay.html +7 -7
  117. package/tests/parallax.html +14 -5
  118. package/tests/position.html +12 -12
  119. package/tests/slidenav.html +12 -12
  120. package/tests/slider.html +20 -20
  121. package/tests/sortable.html +1 -1
  122. package/tests/sticky-parallax.html +47 -62
  123. package/tests/svg.html +6 -6
  124. package/tests/table.html +11 -11
  125. package/tests/thumbnav.html +12 -12
  126. package/tests/transition.html +30 -30
  127. package/tests/utility.html +33 -33
  128. package/tests/video.html +1 -1
  129. package/tests/width.html +1 -1
  130. package/tests/images/animated.gif +0 -0
package/tests/transition.html CHANGED
@@ -17,28 +17,28 @@
17
17
  <div class="uk-grid-small uk-child-width-1-3@s uk-child-width-1-6@m" uk-grid>
18
18
  <div class="uk-text-center">
19
19
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
20
- <img src="images/photo.jpg" alt="">
20
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
21
21
  <div class="uk-transition-fade uk-position-bottom uk-overlay uk-overlay-default"><a href="#">Overlay</a></div>
22
22
  </div>
23
23
  <p class="uk-margin-small-top">Fade</p>
24
24
  </div>
25
25
  <div class="uk-text-center">
26
26
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
27
- <img src="images/photo.jpg" alt="">
27
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
28
28
  <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">Overlay</div>
29
29
  </div>
30
30
  <p class="uk-margin-small-top">Fade Cover</p>
31
31
  </div>
32
32
  <div class="uk-text-center">
33
33
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
34
- <img src="images/photo.jpg" alt="">
34
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
35
35
  <div class="uk-transition-fade uk-position-cover uk-position-small uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">Overlay</div>
36
36
  </div>
37
37
  <p class="uk-margin-small-top">Fade Cover Small</p>
38
38
  </div>
39
39
  <div class="uk-text-center">
40
40
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
41
- <img src="images/photo.jpg" alt="">
41
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
42
42
  <div class="uk-transition-fade uk-overlay-default uk-position-cover"></div>
43
43
  <div class="uk-position-center">Headline</div>
44
44
  </div>
@@ -46,54 +46,54 @@
46
46
  </div>
47
47
  <div class="uk-text-center">
48
48
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
49
- <img src="images/photo.jpg" alt="">
49
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
50
50
  <span class="uk-position-center uk-transition-fade" uk-icon="icon: plus; ratio: 2"></span>
51
51
  </div>
52
52
  <p class="uk-margin-small-top">Icon</p>
53
53
  </div>
54
54
  <div class="uk-text-center">
55
55
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
56
- <img src="images/photo.jpg" alt="">
56
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
57
57
  <img class="uk-transition-fade uk-position-cover" src="images/dark.jpg" alt="">
58
58
  </div>
59
59
  <p class="uk-margin-small-top">Fade 2 Images</p>
60
60
  </div>
61
61
  <div class="uk-text-center">
62
62
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
63
- <img src="images/photo.jpg" alt="">
63
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
64
64
  <div class="uk-position-center uk-transition-scale-up">Headline</div>
65
65
  </div>
66
66
  <p class="uk-margin-small-top">Scale Up</p>
67
67
  </div>
68
68
  <div class="uk-text-center">
69
69
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
70
- <img src="images/photo.jpg" alt="">
70
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
71
71
  <div class="uk-transition-scale-down uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
72
72
  </div>
73
73
  <p class="uk-margin-small-top">Scale Down Cover</p>
74
74
  </div>
75
75
  <div class="uk-text-center">
76
76
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
77
- <img class="uk-transition-scale-up uk-transition-opaque" src="images/photo.jpg" alt="">
77
+ <img class="uk-transition-scale-up uk-transition-opaque" src="images/photo.jpg" width="1800" height="1200" alt="">
78
78
  </div>
79
79
  <p class="uk-margin-small-top">Scale Up Image</p>
80
80
  </div>
81
81
  <div class="uk-text-center">
82
82
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
83
- <img class="uk-transition-scale-down uk-transition-opaque" src="images/photo.jpg" alt="">
83
+ <img class="uk-transition-scale-down uk-transition-opaque" src="images/photo.jpg" width="1800" height="1200" alt="">
84
84
  </div>
85
85
  <p class="uk-margin-small-top">Scale Down Image</p>
86
86
  </div>
87
87
  <div class="uk-text-center">
88
88
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
89
- <img src="images/photo.jpg" alt="">
89
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
90
90
  <img class="uk-transition-scale-up uk-position-cover" src="images/dark.jpg" alt="">
91
91
  </div>
92
92
  <p class="uk-margin-small-top">2 Images</p>
93
93
  </div>
94
94
  <div class="uk-text-center">
95
95
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
96
- <img src="images/photo.jpg" alt="">
96
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
97
97
  <img class="uk-transition-scale-up uk-position-cover" src="images/dark.jpg" alt="">
98
98
  <span class="uk-position-center uk-transition-fade" uk-icon="icon: plus; ratio: 2"></span>
99
99
  </div>
@@ -101,49 +101,49 @@
101
101
  </div>
102
102
  <div class="uk-text-center">
103
103
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
104
- <img src="images/photo.jpg" alt="">
104
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
105
105
  <div class="uk-transition-slide-top uk-position-top uk-overlay uk-overlay-default">Overlay</div>
106
106
  </div>
107
107
  <p class="uk-margin-small-top">Top</p>
108
108
  </div>
109
109
  <div class="uk-text-center">
110
110
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
111
- <img src="images/photo.jpg" alt="">
111
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
112
112
  <div class="uk-transition-slide-bottom uk-position-bottom uk-overlay uk-overlay-default">Overlay</div>
113
113
  </div>
114
114
  <p class="uk-margin-small-top">Bottom</p>
115
115
  </div>
116
116
  <div class="uk-text-center">
117
117
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
118
- <img src="images/photo.jpg" alt="">
118
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
119
119
  <div class="uk-transition-slide-left uk-position-left uk-overlay uk-overlay-default">Overlay</div>
120
120
  </div>
121
121
  <p class="uk-margin-small-top">Left</p>
122
122
  </div>
123
123
  <div class="uk-text-center">
124
124
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
125
- <img src="images/photo.jpg" alt="">
125
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
126
126
  <div class="uk-transition-slide-right uk-position-right uk-overlay uk-overlay-default">Overlay</div>
127
127
  </div>
128
128
  <p class="uk-margin-small-top">Right</p>
129
129
  </div>
130
130
  <div class="uk-text-center">
131
131
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
132
- <img src="images/photo.jpg" alt="">
132
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
133
133
  <div class="uk-transition-slide-top uk-position-cover uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">Overlay</div>
134
134
  </div>
135
135
  <p class="uk-margin-small-top">Top Cover</p>
136
136
  </div>
137
137
  <div class="uk-text-center">
138
138
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
139
- <img src="images/photo.jpg" alt="">
139
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
140
140
  <div class="uk-transition-slide-bottom uk-position-cover uk-position-small uk-overlay uk-overlay-default uk-flex uk-flex-center uk-flex-middle">Overlay</div>
141
141
  </div>
142
142
  <p class="uk-margin-small-top">Bottom Cover</p>
143
143
  </div>
144
144
  <div class="uk-text-center">
145
145
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
146
- <img src="images/photo.jpg" alt="">
146
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
147
147
  <div class="uk-position-center">
148
148
  <div class="uk-transition-slide-top-small">Headline</div>
149
149
  <div class="uk-transition-slide-bottom-small">Subheadline</div>
@@ -153,7 +153,7 @@
153
153
  </div>
154
154
  <div class="uk-text-center">
155
155
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
156
- <img src="images/photo.jpg" alt="">
156
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
157
157
  <div class="uk-position-center">
158
158
  <div class="uk-transition-slide-left-small">Headline</div>
159
159
  <div class="uk-transition-slide-right-small">Subheadline</div>
@@ -163,35 +163,35 @@
163
163
  </div>
164
164
  <div class="uk-text-center">
165
165
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
166
- <img src="images/photo.jpg" alt="">
166
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
167
167
  <div class="uk-transition-slide-top-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
168
168
  </div>
169
169
  <p class="uk-margin-small-top">Top Small</p>
170
170
  </div>
171
171
  <div class="uk-text-center">
172
172
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
173
- <img src="images/photo.jpg" alt="">
173
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
174
174
  <div class="uk-transition-slide-bottom-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
175
175
  </div>
176
176
  <p class="uk-margin-small-top">Bottom Small</p>
177
177
  </div>
178
178
  <div class="uk-text-center">
179
179
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
180
- <img src="images/photo.jpg" alt="">
180
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
181
181
  <div class="uk-transition-slide-left-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
182
182
  </div>
183
183
  <p class="uk-margin-small-top">Left Small</p>
184
184
  </div>
185
185
  <div class="uk-text-center">
186
186
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
187
- <img src="images/photo.jpg" alt="">
187
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
188
188
  <div class="uk-transition-slide-right-small uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
189
189
  </div>
190
190
  <p class="uk-margin-small-top">Right Small</p>
191
191
  </div>
192
192
  <div class="uk-text-center">
193
193
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
194
- <img src="images/photo.jpg" alt="">
194
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
195
195
  <div class="uk-position-center">
196
196
  <div class="uk-transition-slide-top-medium">Headline</div>
197
197
  <div class="uk-transition-slide-bottom-medium">Subheadline</div>
@@ -201,7 +201,7 @@
201
201
  </div>
202
202
  <div class="uk-text-center">
203
203
  <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
204
- <img src="images/photo.jpg" alt="">
204
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
205
205
  <div class="uk-position-center">
206
206
  <div class="uk-transition-slide-left-medium">Headline</div>
207
207
  <div class="uk-transition-slide-right-medium">Subheadline</div>
@@ -211,28 +211,28 @@
211
211
  </div>
212
212
  <div class="uk-text-center">
213
213
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
214
- <img src="images/photo.jpg" alt="">
214
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
215
215
  <div class="uk-transition-slide-top-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
216
216
  </div>
217
217
  <p class="uk-margin-small-top">Top Medium</p>
218
218
  </div>
219
219
  <div class="uk-text-center">
220
220
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
221
- <img src="images/photo.jpg" alt="">
221
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
222
222
  <div class="uk-transition-slide-bottom-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
223
223
  </div>
224
224
  <p class="uk-margin-small-top">Bottom Medium</p>
225
225
  </div>
226
226
  <div class="uk-text-center">
227
227
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
228
- <img src="images/photo.jpg" alt="">
228
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
229
229
  <div class="uk-transition-slide-left-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
230
230
  </div>
231
231
  <p class="uk-margin-small-top">Left Medium</p>
232
232
  </div>
233
233
  <div class="uk-text-center">
234
234
  <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
235
- <img src="images/photo.jpg" alt="">
235
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
236
236
  <div class="uk-transition-slide-right-medium uk-overlay uk-overlay-default uk-position-cover uk-position-small uk-flex uk-flex-center uk-flex-middle">Overlay</div>
237
237
  </div>
238
238
  <p class="uk-margin-small-top">Right Medium</p>
package/tests/utility.html CHANGED
@@ -168,8 +168,8 @@
168
168
 
169
169
  <div uk-overflow-auto="selContainer: .uk-height-medium; selContent: .js-wrapper">
170
170
  <div class="uk-grid-small" uk-grid>
171
- <div class="uk-width-1-2"><img src="images/light.jpg" alt=""></div>
172
- <div class="uk-width-1-2"><img src="images/dark.jpg" alt=""></div>
171
+ <div class="uk-width-1-2"><img src="images/light.jpg" width="1800" height="1200" alt=""></div>
172
+ <div class="uk-width-1-2"><img src="images/dark.jpg" width="1800" height="1200" alt=""></div>
173
173
  </div>
174
174
  </div>
175
175
 
@@ -188,10 +188,10 @@
188
188
 
189
189
  <div uk-overflow-auto="selContainer: .uk-height-medium; selContent: .js-wrapper">
190
190
  <div class="uk-grid-small" uk-grid>
191
- <div class="uk-width-1-2"><img src="images/light.jpg" alt=""></div>
192
- <div class="uk-width-1-2"><img src="images/dark.jpg" alt=""></div>
193
- <div class="uk-width-1-2"><img src="images/photo.jpg" alt=""></div>
194
- <div class="uk-width-1-2"><img src="images/photo2.jpg" alt=""></div>
191
+ <div class="uk-width-1-2"><img src="images/light.jpg" width="1800" height="1200" alt=""></div>
192
+ <div class="uk-width-1-2"><img src="images/dark.jpg" width="1800" height="1200" alt=""></div>
193
+ <div class="uk-width-1-2"><img src="images/photo.jpg" width="1800" height="1200" alt=""></div>
194
+ <div class="uk-width-1-2"><img src="images/photo2.jpg" width="1800" height="1200" alt=""></div>
195
195
  </div>
196
196
  </div>
197
197
 
@@ -239,7 +239,7 @@
239
239
  </div>
240
240
  <div>
241
241
  <p>Responsive Height (Image)</p>
242
- <p style="height: 100px; "><img class="uk-responsive-height" src="images/photo.jpg" alt=""></p>
242
+ <p style="height: 100px; "><img class="uk-responsive-height" src="images/photo.jpg" width="1800" height="1200" alt=""></p>
243
243
  </div>
244
244
  </div>
245
245
 
@@ -249,7 +249,7 @@
249
249
  <div>
250
250
 
251
251
  <div class="uk-inline uk-box-shadow-hover-small">
252
- <img class="uk-invisible" src="images/photo.jpg" alt="">
252
+ <img class="uk-invisible" src="images/photo.jpg" width="1800" height="1200" alt="">
253
253
  <div class="uk-position-center">Hover</div>
254
254
  </div>
255
255
 
@@ -257,7 +257,7 @@
257
257
  <div>
258
258
 
259
259
  <div class="uk-inline uk-box-shadow-small">
260
- <img class="uk-invisible" src="images/photo.jpg" alt="">
260
+ <img class="uk-invisible" src="images/photo.jpg" width="1800" height="1200" alt="">
261
261
  <div class="uk-position-center">Small</div>
262
262
  </div>
263
263
 
@@ -265,7 +265,7 @@
265
265
  <div>
266
266
 
267
267
  <div class="uk-inline uk-box-shadow-medium">
268
- <img class="uk-invisible" src="images/photo.jpg" alt="">
268
+ <img class="uk-invisible" src="images/photo.jpg" width="1800" height="1200" alt="">
269
269
  <div class="uk-position-center">Medium</div>
270
270
  </div>
271
271
 
@@ -273,7 +273,7 @@
273
273
  <div>
274
274
 
275
275
  <div class="uk-inline uk-box-shadow-large">
276
- <img class="uk-invisible" src="images/photo.jpg" alt="">
276
+ <img class="uk-invisible" src="images/photo.jpg" width="1800" height="1200" alt="">
277
277
  <div class="uk-position-center">Large</div>
278
278
  </div>
279
279
 
@@ -281,84 +281,84 @@
281
281
  <div>
282
282
 
283
283
  <div class="uk-inline uk-box-shadow-xlarge">
284
- <img class="uk-invisible" src="images/photo.jpg" alt="">
284
+ <img class="uk-invisible" src="images/photo.jpg" width="1800" height="1200" alt="">
285
285
  <div class="uk-position-center">X-Large</div>
286
286
  </div>
287
287
 
288
288
  </div>
289
289
  <div>
290
290
 
291
- <img class="uk-box-shadow-hover-xlarge" src="images/photo.jpg" alt="">
291
+ <img class="uk-box-shadow-hover-xlarge" src="images/photo.jpg" width="1800" height="1200" alt="">
292
292
 
293
293
  </div>
294
294
  <div>
295
295
 
296
- <img class="uk-box-shadow-small" src="images/photo.jpg" alt="">
296
+ <img class="uk-box-shadow-small" src="images/photo.jpg" width="1800" height="1200" alt="">
297
297
 
298
298
  </div>
299
299
  <div>
300
300
 
301
- <img class="uk-box-shadow-medium" src="images/photo.jpg" alt="">
301
+ <img class="uk-box-shadow-medium" src="images/photo.jpg" width="1800" height="1200" alt="">
302
302
 
303
303
  </div>
304
304
  <div>
305
305
 
306
- <img class="uk-box-shadow-large" src="images/photo.jpg" alt="">
306
+ <img class="uk-box-shadow-large" src="images/photo.jpg" width="1800" height="1200" alt="">
307
307
 
308
308
  </div>
309
309
  <div>
310
310
 
311
- <img class="uk-box-shadow-xlarge" src="images/photo.jpg" alt="">
311
+ <img class="uk-box-shadow-xlarge" src="images/photo.jpg" width="1800" height="1200" alt="">
312
312
 
313
313
  </div>
314
314
  <div>
315
315
 
316
- <img class="uk-box-shadow-hover-xlarge" src="images/light.jpg" alt="">
316
+ <img class="uk-box-shadow-hover-xlarge" src="images/light.jpg" width="1800" height="1200" alt="">
317
317
 
318
318
  </div>
319
319
  <div>
320
320
 
321
- <img class="uk-box-shadow-small" src="images/light.jpg" alt="">
321
+ <img class="uk-box-shadow-small" src="images/light.jpg" width="1800" height="1200" alt="">
322
322
 
323
323
  </div>
324
324
  <div>
325
325
 
326
- <img class="uk-box-shadow-medium" src="images/light.jpg" alt="">
326
+ <img class="uk-box-shadow-medium" src="images/light.jpg" width="1800" height="1200" alt="">
327
327
 
328
328
  </div>
329
329
  <div>
330
330
 
331
- <img class="uk-box-shadow-large" src="images/light.jpg" alt="">
331
+ <img class="uk-box-shadow-large" src="images/light.jpg" width="1800" height="1200" alt="">
332
332
 
333
333
  </div>
334
334
  <div>
335
335
 
336
- <img class="uk-box-shadow-xlarge" src="images/light.jpg" alt="">
336
+ <img class="uk-box-shadow-xlarge" src="images/light.jpg" width="1800" height="1200" alt="">
337
337
 
338
338
  </div>
339
339
  <div>
340
340
 
341
- <img class="uk-box-shadow-hover-xlarge" src="images/dark.jpg" alt="">
341
+ <img class="uk-box-shadow-hover-xlarge" src="images/dark.jpg" width="1800" height="1200" alt="">
342
342
 
343
343
  </div>
344
344
  <div>
345
345
 
346
- <img class="uk-box-shadow-small" src="images/dark.jpg" alt="">
346
+ <img class="uk-box-shadow-small" src="images/dark.jpg" width="1800" height="1200" alt="">
347
347
 
348
348
  </div>
349
349
  <div>
350
350
 
351
- <img class="uk-box-shadow-medium" src="images/dark.jpg" alt="">
351
+ <img class="uk-box-shadow-medium" src="images/dark.jpg" width="1800" height="1200" alt="">
352
352
 
353
353
  </div>
354
354
  <div>
355
355
 
356
- <img class="uk-box-shadow-large" src="images/dark.jpg" alt="">
356
+ <img class="uk-box-shadow-large" src="images/dark.jpg" width="1800" height="1200" alt="">
357
357
 
358
358
  </div>
359
359
  <div>
360
360
 
361
- <img class="uk-box-shadow-xlarge" src="images/dark.jpg" alt="">
361
+ <img class="uk-box-shadow-xlarge" src="images/dark.jpg" width="1800" height="1200" alt="">
362
362
 
363
363
  </div>
364
364
  </div>
@@ -369,21 +369,21 @@
369
369
  <div class="uk-width-1-6@m">
370
370
 
371
371
  <div class="uk-box-shadow-bottom">
372
- <img src="images/photo.jpg" alt="">
372
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
373
373
  </div>
374
374
 
375
375
  </div>
376
376
  <div class="uk-width-1-3@m">
377
377
 
378
378
  <div class="uk-box-shadow-bottom">
379
- <img src="images/photo.jpg" alt="">
379
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
380
380
  </div>
381
381
 
382
382
  </div>
383
383
  <div class="uk-width-1-2@m">
384
384
 
385
385
  <div class="uk-box-shadow-bottom">
386
- <img src="images/photo.jpg" alt="">
386
+ <img src="images/photo.jpg" width="1800" height="1200" alt="">
387
387
  </div>
388
388
 
389
389
  </div>
@@ -407,14 +407,14 @@
407
407
  <div>
408
408
  <p>Image</p>
409
409
  <a class="uk-logo" href="#">
410
- <img src="images/photo.jpg" width="200" alt="">
410
+ <img src="images/photo.jpg" width="200" height="133" alt="">
411
411
  </a>
412
412
  </div>
413
413
  <div>
414
414
  <p>+ Inverse Image</p>
415
415
  <a class="uk-logo" href="#">
416
- <img src="images/photo.jpg" width="200" alt="">
417
- <img class="uk-logo-inverse" src="images/dark.jpg" width="200" alt="">
416
+ <img src="images/photo.jpg" width="200" height="133" alt="">
417
+ <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
418
418
  </a>
419
419
  </div>
420
420
  </div>
package/tests/video.html CHANGED
@@ -20,7 +20,7 @@
20
20
  <h3>Autoplay</h3>
21
21
 
22
22
  <button class="uk-button uk-button-default uk-margin-bottom" type="button" uk-toggle="target: +">Toggle Video</button>
23
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" controls playsinline uk-video="automute: true"></video>
23
+ <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" width="1920" height="1080" controls playsinline uk-video="automute: true"></video>
24
24
 
25
25
  </div>
26
26
  <div>
package/tests/width.html CHANGED
@@ -73,7 +73,7 @@
73
73
  <div><div class="uk-panel">Expand</div></div>
74
74
  <div><div class="uk-panel">Expand</div></div>
75
75
  <div><div class="uk-panel">Expandwithnonebreakingspace</div></div>
76
- <div><div class="uk-panel"><img src="images/photo.jpg" alt=""></div></div>
76
+ <div><div class="uk-panel"><img src="images/photo.jpg" width="1800" height="1200" alt=""></div></div>
77
77
  </div>
78
78
 
79
79
  <div class="uk-grid-collapse uk-grid-match uk-child-width-expand uk-margin" uk-grid>
package/tests/images/animated.gif DELETED
Binary file