uikit 3.23.13 → 3.23.14-dev.be820cd99

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 (128) hide show
  1. package/.prettierignore +1 -0
  2. package/CHANGELOG.md +36 -0
  3. package/dist/css/uikit-core-rtl.css +301 -111
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +301 -111
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +305 -111
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +305 -111
  10. package/dist/css/uikit.min.css +1 -1
  11. package/dist/js/components/countdown.js +1 -1
  12. package/dist/js/components/countdown.min.js +1 -1
  13. package/dist/js/components/filter.js +49 -23
  14. package/dist/js/components/filter.min.js +1 -1
  15. package/dist/js/components/lightbox-panel.js +19 -14
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +19 -14
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +1 -1
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +2 -2
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +2 -2
  24. package/dist/js/components/slider-parallax.min.js +1 -1
  25. package/dist/js/components/slider.js +8 -3
  26. package/dist/js/components/slider.min.js +1 -1
  27. package/dist/js/components/slideshow-parallax.js +2 -2
  28. package/dist/js/components/slideshow-parallax.min.js +1 -1
  29. package/dist/js/components/slideshow.js +8 -3
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +48 -22
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +3 -3
  34. package/dist/js/components/tooltip.min.js +1 -1
  35. package/dist/js/components/upload.js +2 -2
  36. package/dist/js/components/upload.min.js +1 -1
  37. package/dist/js/uikit-core.js +136 -63
  38. package/dist/js/uikit-core.min.js +1 -1
  39. package/dist/js/uikit-icons.js +1 -1
  40. package/dist/js/uikit-icons.min.js +1 -1
  41. package/dist/js/uikit.js +185 -90
  42. package/dist/js/uikit.min.js +1 -1
  43. package/eslint.config.mjs +1 -1
  44. package/package.json +1 -1
  45. package/src/images/backgrounds/form-checkbox.svg +2 -2
  46. package/src/images/components/navbar-toggle-icon.svg +14 -7
  47. package/src/js/api/options.js +1 -1
  48. package/src/js/components/lightbox-panel.js +6 -4
  49. package/src/js/components/upload.js +1 -3
  50. package/src/js/core/drop.js +3 -8
  51. package/src/js/core/dropnav.js +4 -4
  52. package/src/js/core/img.js +1 -1
  53. package/src/js/core/index.js +1 -0
  54. package/src/js/core/navbar.js +3 -5
  55. package/src/js/core/overflow-fade.js +67 -0
  56. package/src/js/core/scrollspy.js +10 -10
  57. package/src/js/core/sticky.js +18 -16
  58. package/src/js/core/toggle.js +3 -5
  59. package/src/js/core/video.js +36 -10
  60. package/src/js/mixin/internal/animate-fade.js +32 -15
  61. package/src/js/mixin/internal/animate-slide.js +27 -9
  62. package/src/js/mixin/modal.js +3 -4
  63. package/src/js/mixin/slider.js +3 -1
  64. package/src/js/mixin/togglable.js +1 -1
  65. package/src/js/util/animation.js +3 -4
  66. package/src/js/util/await.js +7 -0
  67. package/src/js/util/player.js +1 -3
  68. package/src/js/util/scroll.js +2 -2
  69. package/src/js/util/selector.js +1 -1
  70. package/src/js/util/viewport.js +3 -1
  71. package/src/less/components/base.less +19 -4
  72. package/src/less/components/card.less +40 -1
  73. package/src/less/components/countdown.less +4 -42
  74. package/src/less/components/form.less +87 -67
  75. package/src/less/components/heading.less +0 -84
  76. package/src/less/components/icon.less +44 -0
  77. package/src/less/components/navbar.less +23 -9
  78. package/src/less/components/position.less +1 -1
  79. package/src/less/components/section.less +33 -0
  80. package/src/less/components/subnav.less +1 -1
  81. package/src/less/components/utility.less +45 -0
  82. package/src/less/components/visibility.less +1 -1
  83. package/src/less/components/width.less +0 -5
  84. package/src/less/theme/card.less +13 -0
  85. package/src/less/theme/icon.less +14 -0
  86. package/src/scss/components/base.scss +19 -4
  87. package/src/scss/components/card.scss +35 -1
  88. package/src/scss/components/countdown.scss +2 -40
  89. package/src/scss/components/form.scss +73 -55
  90. package/src/scss/components/heading.scss +0 -83
  91. package/src/scss/components/icon.scss +22 -0
  92. package/src/scss/components/navbar.scss +23 -9
  93. package/src/scss/components/position.scss +1 -1
  94. package/src/scss/components/section.scss +33 -0
  95. package/src/scss/components/subnav.scss +1 -1
  96. package/src/scss/components/utility.scss +45 -0
  97. package/src/scss/components/visibility.scss +1 -1
  98. package/src/scss/components/width.scss +0 -15
  99. package/src/scss/mixins-theme.scss +28 -8
  100. package/src/scss/mixins.scss +25 -8
  101. package/src/scss/variables-theme.scss +27 -30
  102. package/src/scss/variables.scss +25 -30
  103. package/tests/article.html +7 -7
  104. package/tests/base.html +13 -13
  105. package/tests/card.html +9 -1
  106. package/tests/column.html +1 -1
  107. package/tests/countdown.html +595 -8
  108. package/tests/cover.html +7 -13
  109. package/tests/dropbar.html +3 -3
  110. package/tests/dropdown.html +13 -13
  111. package/tests/dropnav.html +9 -9
  112. package/tests/form.html +56 -3
  113. package/tests/icon.html +31 -0
  114. package/tests/index.html +68 -58
  115. package/tests/js/index.js +76 -83
  116. package/tests/lightbox.html +4 -4
  117. package/tests/link.html +71 -8
  118. package/tests/modal.html +1 -1
  119. package/tests/navbar.html +32 -32
  120. package/tests/notification.html +5 -5
  121. package/tests/search.html +3 -3
  122. package/tests/slideshow.html +3 -3
  123. package/tests/sticky-navbar.html +72 -72
  124. package/tests/subnav.html +106 -2
  125. package/tests/tab.html +68 -21
  126. package/tests/table.html +8 -8
  127. package/tests/utility.html +159 -1
  128. package/tests/video.html +137 -10
package/tests/countdown.html CHANGED
@@ -16,7 +16,7 @@
16
16
 
17
17
  <h2>Grid</h2>
18
18
 
19
- <div class="uk-grid-small uk-child-width-auto uk-margin" uk-grid uk-countdown>
19
+ <div class="uk-heading-xlarge uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
20
20
  <div>
21
21
  <div class="uk-countdown-number uk-countdown-days"></div>
22
22
  </div>
@@ -34,31 +34,423 @@
34
34
  </div>
35
35
  </div>
36
36
 
37
- <div class="uk-grid-small uk-child-width-auto" uk-grid uk-countdown>
37
+ <div class="uk-heading-large uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
38
38
  <div>
39
39
  <div class="uk-countdown-number uk-countdown-days"></div>
40
- <div class="uk-countdown-label uk-margin-small uk-text-center uk-visible@s">Days</div>
41
40
  </div>
42
41
  <div class="uk-countdown-separator">:</div>
43
42
  <div>
44
43
  <div class="uk-countdown-number uk-countdown-hours"></div>
45
- <div class="uk-countdown-label uk-margin-small uk-text-center uk-visible@s">Hours</div>
46
44
  </div>
47
45
  <div class="uk-countdown-separator">:</div>
48
46
  <div>
49
47
  <div class="uk-countdown-number uk-countdown-minutes"></div>
50
- <div class="uk-countdown-label uk-margin-small uk-text-center uk-visible@s">Minutes</div>
51
48
  </div>
52
49
  <div class="uk-countdown-separator">:</div>
53
50
  <div>
54
51
  <div class="uk-countdown-number uk-countdown-seconds"></div>
55
- <div class="uk-countdown-label uk-margin-small uk-text-center uk-visible@s">Seconds</div>
52
+ </div>
53
+ </div>
54
+
55
+ <div class="uk-heading-medium uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
56
+ <div>
57
+ <div class="uk-countdown-number uk-countdown-days"></div>
58
+ </div>
59
+ <div class="uk-countdown-separator">:</div>
60
+ <div>
61
+ <div class="uk-countdown-number uk-countdown-hours"></div>
62
+ </div>
63
+ <div class="uk-countdown-separator">:</div>
64
+ <div>
65
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
66
+ </div>
67
+ <div class="uk-countdown-separator">:</div>
68
+ <div>
69
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
70
+ </div>
71
+ </div>
72
+
73
+ <div class="uk-heading-small uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
74
+ <div>
75
+ <div class="uk-countdown-number uk-countdown-days"></div>
76
+ </div>
77
+ <div class="uk-countdown-separator">:</div>
78
+ <div>
79
+ <div class="uk-countdown-number uk-countdown-hours"></div>
80
+ </div>
81
+ <div class="uk-countdown-separator">:</div>
82
+ <div>
83
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
84
+ </div>
85
+ <div class="uk-countdown-separator">:</div>
86
+ <div>
87
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
88
+ </div>
89
+ </div>
90
+
91
+ <div class="uk-h1 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
92
+ <div>
93
+ <div class="uk-countdown-number uk-countdown-days"></div>
94
+ </div>
95
+ <div class="uk-countdown-separator">:</div>
96
+ <div>
97
+ <div class="uk-countdown-number uk-countdown-hours"></div>
98
+ </div>
99
+ <div class="uk-countdown-separator">:</div>
100
+ <div>
101
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
102
+ </div>
103
+ <div class="uk-countdown-separator">:</div>
104
+ <div>
105
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
106
+ </div>
107
+ </div>
108
+
109
+ <div class="uk-h2 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
110
+ <div>
111
+ <div class="uk-countdown-number uk-countdown-days"></div>
112
+ </div>
113
+ <div class="uk-countdown-separator">:</div>
114
+ <div>
115
+ <div class="uk-countdown-number uk-countdown-hours"></div>
116
+ </div>
117
+ <div class="uk-countdown-separator">:</div>
118
+ <div>
119
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
120
+ </div>
121
+ <div class="uk-countdown-separator">:</div>
122
+ <div>
123
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
124
+ </div>
125
+ </div>
126
+
127
+ <div class="uk-h3 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
128
+ <div>
129
+ <div class="uk-countdown-number uk-countdown-days"></div>
130
+ </div>
131
+ <div class="uk-countdown-separator">:</div>
132
+ <div>
133
+ <div class="uk-countdown-number uk-countdown-hours"></div>
134
+ </div>
135
+ <div class="uk-countdown-separator">:</div>
136
+ <div>
137
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
138
+ </div>
139
+ <div class="uk-countdown-separator">:</div>
140
+ <div>
141
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
142
+ </div>
143
+ </div>
144
+
145
+ <div class="uk-h4 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
146
+ <div>
147
+ <div class="uk-countdown-number uk-countdown-days"></div>
148
+ </div>
149
+ <div class="uk-countdown-separator">:</div>
150
+ <div>
151
+ <div class="uk-countdown-number uk-countdown-hours"></div>
152
+ </div>
153
+ <div class="uk-countdown-separator">:</div>
154
+ <div>
155
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
156
+ </div>
157
+ <div class="uk-countdown-separator">:</div>
158
+ <div>
159
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
160
+ </div>
161
+ </div>
162
+
163
+ <div class="uk-h5 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
164
+ <div>
165
+ <div class="uk-countdown-number uk-countdown-days"></div>
166
+ </div>
167
+ <div class="uk-countdown-separator">:</div>
168
+ <div>
169
+ <div class="uk-countdown-number uk-countdown-hours"></div>
170
+ </div>
171
+ <div class="uk-countdown-separator">:</div>
172
+ <div>
173
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
174
+ </div>
175
+ <div class="uk-countdown-separator">:</div>
176
+ <div>
177
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
178
+ </div>
179
+ </div>
180
+
181
+ <div class="uk-h6 uk-grid-small uk-child-width-auto uk-flex-middle uk-margin" uk-grid uk-countdown>
182
+ <div>
183
+ <div class="uk-countdown-number uk-countdown-days"></div>
184
+ </div>
185
+ <div class="uk-countdown-separator">:</div>
186
+ <div>
187
+ <div class="uk-countdown-number uk-countdown-hours"></div>
188
+ </div>
189
+ <div class="uk-countdown-separator">:</div>
190
+ <div>
191
+ <div class="uk-countdown-number uk-countdown-minutes"></div>
192
+ </div>
193
+ <div class="uk-countdown-separator">:</div>
194
+ <div>
195
+ <div class="uk-countdown-number uk-countdown-seconds"></div>
196
+ </div>
197
+ </div>
198
+
199
+ <h2>Grid + Label</h2>
200
+
201
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
202
+ <div>
203
+ <div class="uk-heading-xlarge uk-countdown-number uk-countdown-days"></div>
204
+ <div class="uk-countdown-label uk-text-large uk-margin-xsmall uk-visible@s">Days</div>
205
+ </div>
206
+ <div class="uk-heading-xlarge"><div class="uk-countdown-separator">:</div></div>
207
+ <div>
208
+ <div class="uk-heading-xlarge uk-countdown-number uk-countdown-hours"></div>
209
+ <div class="uk-countdown-label uk-text-large uk-margin-xsmall uk-visible@s">Hours</div>
210
+ </div>
211
+ <div class="uk-heading-xlarge"><div class="uk-countdown-separator">:</div></div>
212
+ <div>
213
+ <div class="uk-heading-xlarge uk-countdown-number uk-countdown-minutes"></div>
214
+ <div class="uk-countdown-label uk-text-large uk-margin-xsmall uk-visible@s">Minutes</div>
215
+ </div>
216
+ <div class="uk-heading-xlarge"><div class="uk-countdown-separator">:</div></div>
217
+ <div>
218
+ <div class="uk-heading-xlarge uk-countdown-number uk-countdown-seconds"></div>
219
+ <div class="uk-countdown-label uk-text-large uk-margin-xsmall uk-visible@s">Seconds</div>
220
+ </div>
221
+ </div>
222
+
223
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
224
+ <div>
225
+ <div class="uk-heading-large uk-countdown-number uk-countdown-days"></div>
226
+ <div class="uk-countdown-label uk-margin-xsmall uk-visible@s">Days</div>
227
+ </div>
228
+ <div class="uk-heading-large"><div class="uk-countdown-separator">:</div></div>
229
+ <div>
230
+ <div class="uk-heading-large uk-countdown-number uk-countdown-hours"></div>
231
+ <div class="uk-countdown-label uk-margin-xsmall uk-visible@s">Hours</div>
232
+ </div>
233
+ <div class="uk-heading-large"><div class="uk-countdown-separator">:</div></div>
234
+ <div>
235
+ <div class="uk-heading-large uk-countdown-number uk-countdown-minutes"></div>
236
+ <div class="uk-countdown-label uk-margin-xsmall uk-visible@s">Minutes</div>
237
+ </div>
238
+ <div class="uk-heading-large"><div class="uk-countdown-separator">:</div></div>
239
+ <div>
240
+ <div class="uk-heading-large uk-countdown-number uk-countdown-seconds"></div>
241
+ <div class="uk-countdown-label uk-margin-xsmall uk-visible@s">Seconds</div>
242
+ </div>
243
+ </div>
244
+
245
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
246
+ <div>
247
+ <div class="uk-heading-medium uk-countdown-number uk-countdown-days"></div>
248
+ <div class="uk-countdown-label uk-visible@s">Days</div>
249
+ </div>
250
+ <div class="uk-heading-medium"><div class="uk-countdown-separator">:</div></div>
251
+ <div>
252
+ <div class="uk-heading-medium uk-countdown-number uk-countdown-hours"></div>
253
+ <div class="uk-countdown-label uk-visible@s">Hours</div>
254
+ </div>
255
+ <div class="uk-heading-medium"><div class="uk-countdown-separator">:</div></div>
256
+ <div>
257
+ <div class="uk-heading-medium uk-countdown-number uk-countdown-minutes"></div>
258
+ <div class="uk-countdown-label uk-visible@s">Minutes</div>
259
+ </div>
260
+ <div class="uk-heading-medium"><div class="uk-countdown-separator">:</div></div>
261
+ <div>
262
+ <div class="uk-heading-medium uk-countdown-number uk-countdown-seconds"></div>
263
+ <div class="uk-countdown-label uk-visible@s">Seconds</div>
264
+ </div>
265
+ </div>
266
+
267
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
268
+ <div>
269
+ <div class="uk-heading-small uk-countdown-number uk-countdown-days"></div>
270
+ <div class="uk-countdown-label uk-visible@s">Days</div>
271
+ </div>
272
+ <div class="uk-heading-small"><div class="uk-countdown-separator">:</div></div>
273
+ <div>
274
+ <div class="uk-heading-small uk-countdown-number uk-countdown-hours"></div>
275
+ <div class="uk-countdown-label uk-visible@s">Hours</div>
276
+ </div>
277
+ <div class="uk-heading-small"><div class="uk-countdown-separator">:</div></div>
278
+ <div>
279
+ <div class="uk-heading-small uk-countdown-number uk-countdown-minutes"></div>
280
+ <div class="uk-countdown-label uk-visible@s">Minutes</div>
281
+ </div>
282
+ <div class="uk-heading-small"><div class="uk-countdown-separator">:</div></div>
283
+ <div>
284
+ <div class="uk-heading-small uk-countdown-number uk-countdown-seconds"></div>
285
+ <div class="uk-countdown-label uk-visible@s">Seconds</div>
286
+ </div>
287
+ </div>
288
+
289
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
290
+ <div>
291
+ <div class="uk-h1 uk-countdown-number uk-countdown-days"></div>
292
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
293
+ </div>
294
+ <div class="uk-h1"><div class="uk-countdown-separator">:</div></div>
295
+ <div>
296
+ <div class="uk-h1 uk-countdown-number uk-countdown-hours"></div>
297
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Hours</div>
298
+ </div>
299
+ <div class="uk-h1"><div class="uk-countdown-separator">:</div></div>
300
+ <div>
301
+ <div class="uk-h1 uk-countdown-number uk-countdown-minutes"></div>
302
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Minutes</div>
303
+ </div>
304
+ <div class="uk-h1"><div class="uk-countdown-separator">:</div></div>
305
+ <div>
306
+ <div class="uk-h1 uk-countdown-number uk-countdown-seconds"></div>
307
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Seconds</div>
308
+ </div>
309
+ </div>
310
+
311
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
312
+ <div>
313
+ <div class="uk-h2 uk-countdown-number uk-countdown-days"></div>
314
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
315
+ </div>
316
+ <div class="uk-h2"><div class="uk-countdown-separator">:</div></div>
317
+ <div>
318
+ <div class="uk-h2 uk-countdown-number uk-countdown-hours"></div>
319
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Hours</div>
320
+ </div>
321
+ <div class="uk-h2"><div class="uk-countdown-separator">:</div></div>
322
+ <div>
323
+ <div class="uk-h2 uk-countdown-number uk-countdown-minutes"></div>
324
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Minutes</div>
325
+ </div>
326
+ <div class="uk-h2"><div class="uk-countdown-separator">:</div></div>
327
+ <div>
328
+ <div class="uk-h2 uk-countdown-number uk-countdown-seconds"></div>
329
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Seconds</div>
330
+ </div>
331
+ </div>
332
+
333
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
334
+ <div>
335
+ <div class="uk-h3 uk-countdown-number uk-countdown-days"></div>
336
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
337
+ </div>
338
+ <div class="uk-h3"><div class="uk-countdown-separator">:</div></div>
339
+ <div>
340
+ <div class="uk-h3 uk-countdown-number uk-countdown-hours"></div>
341
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Hours</div>
342
+ </div>
343
+ <div class="uk-h3"><div class="uk-countdown-separator">:</div></div>
344
+ <div>
345
+ <div class="uk-h3 uk-countdown-number uk-countdown-minutes"></div>
346
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Minutes</div>
347
+ </div>
348
+ <div class="uk-h3"><div class="uk-countdown-separator">:</div></div>
349
+ <div>
350
+ <div class="uk-h3 uk-countdown-number uk-countdown-seconds"></div>
351
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Seconds</div>
352
+ </div>
353
+ </div>
354
+
355
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
356
+ <div>
357
+ <div class="uk-h4 uk-countdown-number uk-countdown-days"></div>
358
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
359
+ </div>
360
+ <div class="uk-h4"><div class="uk-countdown-separator">:</div></div>
361
+ <div>
362
+ <div class="uk-h4 uk-countdown-number uk-countdown-hours"></div>
363
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Hours</div>
364
+ </div>
365
+ <div class="uk-h4"><div class="uk-countdown-separator">:</div></div>
366
+ <div>
367
+ <div class="uk-h4 uk-countdown-number uk-countdown-minutes"></div>
368
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Minutes</div>
369
+ </div>
370
+ <div class="uk-h4"><div class="uk-countdown-separator">:</div></div>
371
+ <div>
372
+ <div class="uk-h4 uk-countdown-number uk-countdown-seconds"></div>
373
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Seconds</div>
374
+ </div>
375
+ </div>
376
+
377
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
378
+ <div>
379
+ <div class="uk-h5 uk-countdown-number uk-countdown-days"></div>
380
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
381
+ </div>
382
+ <div class="uk-h5"><div class="uk-countdown-separator">:</div></div>
383
+ <div>
384
+ <div class="uk-h5 uk-countdown-number uk-countdown-hours"></div>
385
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Hours</div>
386
+ </div>
387
+ <div class="uk-h5"><div class="uk-countdown-separator">:</div></div>
388
+ <div>
389
+ <div class="uk-h5 uk-countdown-number uk-countdown-minutes"></div>
390
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Minutes</div>
391
+ </div>
392
+ <div class="uk-h5"><div class="uk-countdown-separator">:</div></div>
393
+ <div>
394
+ <div class="uk-h5 uk-countdown-number uk-countdown-seconds"></div>
395
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Seconds</div>
396
+ </div>
397
+ </div>
398
+
399
+ <div class="uk-grid-small uk-child-width-auto uk-text-center uk-margin" uk-grid uk-countdown>
400
+ <div>
401
+ <div class="uk-h6 uk-countdown-number uk-countdown-days"></div>
402
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Days</div>
403
+ </div>
404
+ <div class="uk-h6"><div class="uk-countdown-separator">:</div></div>
405
+ <div>
406
+ <div class="uk-h6 uk-countdown-number uk-countdown-hours"></div>
407
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Hours</div>
408
+ </div>
409
+ <div class="uk-h6"><div class="uk-countdown-separator">:</div></div>
410
+ <div>
411
+ <div class="uk-h6 uk-countdown-number uk-countdown-minutes"></div>
412
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Minutes</div>
413
+ </div>
414
+ <div class="uk-h6"><div class="uk-countdown-separator">:</div></div>
415
+ <div>
416
+ <div class="uk-h6 uk-countdown-number uk-countdown-seconds"></div>
417
+ <div class="uk-countdown-label uk-text-small uk-visible@s">Seconds</div>
56
418
  </div>
57
419
  </div>
58
420
 
59
421
  <h2>Text</h2>
60
422
 
61
- <div class="uk-margin" uk-countdown>
423
+ <div class="uk-heading-xlarge uk-margin" uk-countdown>
424
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
425
+ <span class="uk-countdown-separator uk-text-middle">:</span>
426
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
427
+ <span class="uk-countdown-separator uk-text-middle">:</span>
428
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
429
+ <span class="uk-countdown-separator uk-text-middle">:</span>
430
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
431
+ </div>
432
+
433
+ <div class="uk-heading-large uk-margin" uk-countdown>
434
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
435
+ <span class="uk-countdown-separator uk-text-middle">:</span>
436
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
437
+ <span class="uk-countdown-separator uk-text-middle">:</span>
438
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
439
+ <span class="uk-countdown-separator uk-text-middle">:</span>
440
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
441
+ </div>
442
+
443
+ <div class="uk-heading-medium uk-margin" uk-countdown>
444
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
445
+ <span class="uk-countdown-separator uk-text-middle">:</span>
446
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
447
+ <span class="uk-countdown-separator uk-text-middle">:</span>
448
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
449
+ <span class="uk-countdown-separator uk-text-middle">:</span>
450
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
451
+ </div>
452
+
453
+ <div class="uk-heading-small uk-margin" uk-countdown>
62
454
  <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
63
455
  <span class="uk-countdown-separator uk-text-middle">:</span>
64
456
  <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
@@ -68,7 +460,202 @@
68
460
  <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
69
461
  </div>
70
462
 
71
- <div uk-countdown>
463
+ <div class="uk-h1 uk-margin" uk-countdown>
464
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
465
+ <span class="uk-countdown-separator uk-text-middle">:</span>
466
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
467
+ <span class="uk-countdown-separator uk-text-middle">:</span>
468
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
469
+ <span class="uk-countdown-separator uk-text-middle">:</span>
470
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
471
+ </div>
472
+
473
+ <div class="uk-h2 uk-margin" uk-countdown>
474
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
475
+ <span class="uk-countdown-separator uk-text-middle">:</span>
476
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
477
+ <span class="uk-countdown-separator uk-text-middle">:</span>
478
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
479
+ <span class="uk-countdown-separator uk-text-middle">:</span>
480
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
481
+ </div>
482
+
483
+ <div class="uk-h3 uk-margin" uk-countdown>
484
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
485
+ <span class="uk-countdown-separator uk-text-middle">:</span>
486
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
487
+ <span class="uk-countdown-separator uk-text-middle">:</span>
488
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
489
+ <span class="uk-countdown-separator uk-text-middle">:</span>
490
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
491
+ </div>
492
+
493
+ <div class="uk-h4 uk-margin" uk-countdown>
494
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
495
+ <span class="uk-countdown-separator uk-text-middle">:</span>
496
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
497
+ <span class="uk-countdown-separator uk-text-middle">:</span>
498
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
499
+ <span class="uk-countdown-separator uk-text-middle">:</span>
500
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
501
+ </div>
502
+
503
+ <div class="uk-h5 uk-margin" uk-countdown>
504
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
505
+ <span class="uk-countdown-separator uk-text-middle">:</span>
506
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
507
+ <span class="uk-countdown-separator uk-text-middle">:</span>
508
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
509
+ <span class="uk-countdown-separator uk-text-middle">:</span>
510
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
511
+ </div>
512
+
513
+ <div class="uk-h6 uk-margin" uk-countdown>
514
+ <span class="uk-countdown-number uk-countdown-days uk-text-middle"></span>
515
+ <span class="uk-countdown-separator uk-text-middle">:</span>
516
+ <span class="uk-countdown-number uk-countdown-hours uk-text-middle"></span>
517
+ <span class="uk-countdown-separator uk-text-middle">:</span>
518
+ <span class="uk-countdown-number uk-countdown-minutes uk-text-middle"></span>
519
+ <span class="uk-countdown-separator uk-text-middle">:</span>
520
+ <span class="uk-countdown-number uk-countdown-seconds uk-text-middle"></span>
521
+ </div>
522
+
523
+ <div class="uk-heading-xlarge uk-margin" uk-countdown>
524
+ <span class="uk-countdown-number">
525
+ <span class="uk-countdown-days"></span><small>d</small>
526
+ </span>
527
+ <span class="uk-countdown-number">
528
+ <span class="uk-countdown-hours"></span><small>h</small>
529
+ </span>
530
+ <span class="uk-countdown-number">
531
+ <span class="uk-countdown-minutes"></span><small>m</small>
532
+ </span>
533
+ <span class="uk-countdown-number">
534
+ <span class="uk-countdown-seconds"></span><small>s</small>
535
+ </span>
536
+ </div>
537
+
538
+ <div class="uk-heading-large uk-margin" uk-countdown>
539
+ <span class="uk-countdown-number">
540
+ <span class="uk-countdown-days"></span><small>d</small>
541
+ </span>
542
+ <span class="uk-countdown-number">
543
+ <span class="uk-countdown-hours"></span><small>h</small>
544
+ </span>
545
+ <span class="uk-countdown-number">
546
+ <span class="uk-countdown-minutes"></span><small>m</small>
547
+ </span>
548
+ <span class="uk-countdown-number">
549
+ <span class="uk-countdown-seconds"></span><small>s</small>
550
+ </span>
551
+ </div>
552
+
553
+ <div class="uk-heading-medium uk-margin" uk-countdown>
554
+ <span class="uk-countdown-number">
555
+ <span class="uk-countdown-days"></span><small>d</small>
556
+ </span>
557
+ <span class="uk-countdown-number">
558
+ <span class="uk-countdown-hours"></span><small>h</small>
559
+ </span>
560
+ <span class="uk-countdown-number">
561
+ <span class="uk-countdown-minutes"></span><small>m</small>
562
+ </span>
563
+ <span class="uk-countdown-number">
564
+ <span class="uk-countdown-seconds"></span><small>s</small>
565
+ </span>
566
+ </div>
567
+
568
+ <div class="uk-heading-small uk-margin" uk-countdown>
569
+ <span class="uk-countdown-number">
570
+ <span class="uk-countdown-days"></span><small>d</small>
571
+ </span>
572
+ <span class="uk-countdown-number">
573
+ <span class="uk-countdown-hours"></span><small>h</small>
574
+ </span>
575
+ <span class="uk-countdown-number">
576
+ <span class="uk-countdown-minutes"></span><small>m</small>
577
+ </span>
578
+ <span class="uk-countdown-number">
579
+ <span class="uk-countdown-seconds"></span><small>s</small>
580
+ </span>
581
+ </div>
582
+
583
+ <div class="uk-h1 uk-margin" uk-countdown>
584
+ <span class="uk-countdown-number">
585
+ <span class="uk-countdown-days"></span><small>d</small>
586
+ </span>
587
+ <span class="uk-countdown-number">
588
+ <span class="uk-countdown-hours"></span><small>h</small>
589
+ </span>
590
+ <span class="uk-countdown-number">
591
+ <span class="uk-countdown-minutes"></span><small>m</small>
592
+ </span>
593
+ <span class="uk-countdown-number">
594
+ <span class="uk-countdown-seconds"></span><small>s</small>
595
+ </span>
596
+ </div>
597
+
598
+ <div class="uk-h2 uk-margin" uk-countdown>
599
+ <span class="uk-countdown-number">
600
+ <span class="uk-countdown-days"></span><small>d</small>
601
+ </span>
602
+ <span class="uk-countdown-number">
603
+ <span class="uk-countdown-hours"></span><small>h</small>
604
+ </span>
605
+ <span class="uk-countdown-number">
606
+ <span class="uk-countdown-minutes"></span><small>m</small>
607
+ </span>
608
+ <span class="uk-countdown-number">
609
+ <span class="uk-countdown-seconds"></span><small>s</small>
610
+ </span>
611
+ </div>
612
+
613
+ <div class="uk-h3 uk-margin" uk-countdown>
614
+ <span class="uk-countdown-number">
615
+ <span class="uk-countdown-days"></span><small>d</small>
616
+ </span>
617
+ <span class="uk-countdown-number">
618
+ <span class="uk-countdown-hours"></span><small>h</small>
619
+ </span>
620
+ <span class="uk-countdown-number">
621
+ <span class="uk-countdown-minutes"></span><small>m</small>
622
+ </span>
623
+ <span class="uk-countdown-number">
624
+ <span class="uk-countdown-seconds"></span><small>s</small>
625
+ </span>
626
+ </div>
627
+
628
+ <div class="uk-h4 uk-margin" uk-countdown>
629
+ <span class="uk-countdown-number">
630
+ <span class="uk-countdown-days"></span><small>d</small>
631
+ </span>
632
+ <span class="uk-countdown-number">
633
+ <span class="uk-countdown-hours"></span><small>h</small>
634
+ </span>
635
+ <span class="uk-countdown-number">
636
+ <span class="uk-countdown-minutes"></span><small>m</small>
637
+ </span>
638
+ <span class="uk-countdown-number">
639
+ <span class="uk-countdown-seconds"></span><small>s</small>
640
+ </span>
641
+ </div>
642
+
643
+ <div class="uk-h5 uk-margin" uk-countdown>
644
+ <span class="uk-countdown-number">
645
+ <span class="uk-countdown-days"></span><small>d</small>
646
+ </span>
647
+ <span class="uk-countdown-number">
648
+ <span class="uk-countdown-hours"></span><small>h</small>
649
+ </span>
650
+ <span class="uk-countdown-number">
651
+ <span class="uk-countdown-minutes"></span><small>m</small>
652
+ </span>
653
+ <span class="uk-countdown-number">
654
+ <span class="uk-countdown-seconds"></span><small>s</small>
655
+ </span>
656
+ </div>
657
+
658
+ <div class="uk-h6 uk-margin" uk-countdown>
72
659
  <span class="uk-countdown-number">
73
660
  <span class="uk-countdown-days"></span><small>d</small>
74
661
  </span>