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/navbar.html CHANGED
@@ -97,9 +97,9 @@
97
97
  <nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
98
98
  <div class="uk-navbar-left">
99
99
  <ul class="uk-navbar-nav">
100
- <li class="uk-active"><a href="">Active</a></li>
100
+ <li class="uk-active"><a href>Active</a></li>
101
101
  <li>
102
- <a href="">Parent <span uk-navbar-parent-icon></span></a>
102
+ <a href>Parent <span uk-navbar-parent-icon></span></a>
103
103
  <div class="uk-navbar-dropdown">
104
104
  <ul class="uk-nav uk-navbar-dropdown-nav">
105
105
  <li class="uk-active"><a href="#">Active</a></li>
@@ -118,8 +118,8 @@
118
118
  </ul>
119
119
  </div>
120
120
  </li>
121
- <li><a href="">Item</a></li>
122
- <li><a href="">Item</a></li>
121
+ <li><a href>Item</a></li>
122
+ <li><a href>Item</a></li>
123
123
  </ul>
124
124
  </div>
125
125
  <div class="uk-navbar-right">
@@ -138,9 +138,9 @@
138
138
  <nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
139
139
  <div class="uk-navbar-left">
140
140
  <ul class="uk-navbar-nav">
141
- <li class="uk-active"><a href="">Active</a></li>
141
+ <li class="uk-active"><a href>Active</a></li>
142
142
  <li>
143
- <a href="">Parent <span uk-navbar-parent-icon></span></a>
143
+ <a href>Parent <span uk-navbar-parent-icon></span></a>
144
144
  <div class="uk-navbar-dropdown">
145
145
  <ul class="uk-nav uk-navbar-dropdown-nav">
146
146
  <li class="uk-active"><a href="#">Active</a></li>
@@ -159,8 +159,8 @@
159
159
  </ul>
160
160
  </div>
161
161
  </li>
162
- <li><a href="">Item</a></li>
163
- <li><a href="">Item</a></li>
162
+ <li><a href>Item</a></li>
163
+ <li><a href>Item</a></li>
164
164
  </ul>
165
165
  </div>
166
166
  <div class="uk-navbar-right">
@@ -365,7 +365,7 @@
365
365
  </li>
366
366
  <li>
367
367
  <a href>Stretch</a>
368
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
368
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
369
369
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
370
370
  <div>
371
371
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -407,7 +407,7 @@
407
407
  </li>
408
408
  <li>
409
409
  <a href>Stretch Full</a>
410
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; stretch: x; flip: false">
410
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar-container; stretch: x; flip: false">
411
411
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
412
412
  <div>
413
413
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -589,7 +589,7 @@
589
589
  </li>
590
590
  <li>
591
591
  <a href>Stretch</a>
592
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
592
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
593
593
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
594
594
  <div>
595
595
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -745,7 +745,7 @@
745
745
  </li>
746
746
  <li>
747
747
  <a href>Stretch</a>
748
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
748
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
749
749
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
750
750
  <div>
751
751
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -907,7 +907,7 @@
907
907
  </li>
908
908
  <li>
909
909
  <a href>Stretch <span uk-navbar-parent-icon></span></a>
910
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
910
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false">
911
911
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
912
912
  <div>
913
913
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -949,7 +949,7 @@
949
949
  </li>
950
950
  <li>
951
951
  <a href>Stretch Full <span uk-navbar-parent-icon></span></a>
952
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; stretch: x; flip: false">
952
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar-container; stretch: x; flip: false">
953
953
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
954
954
  <div>
955
955
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -1120,7 +1120,7 @@
1120
1120
  </li>
1121
1121
  <li>
1122
1122
  <a href>Stretch</a>
1123
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1123
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1124
1124
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1125
1125
  <div>
1126
1126
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -1162,7 +1162,7 @@
1162
1162
  </li>
1163
1163
  <li>
1164
1164
  <a href>Stretch Full</a>
1165
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; stretch: x; flip: false; target-y: !.uk-navbar-container">
1165
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar-container; stretch: x; flip: false; target-y: !.uk-navbar-container">
1166
1166
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1167
1167
  <div>
1168
1168
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -1346,7 +1346,7 @@
1346
1346
  </li>
1347
1347
  <li>
1348
1348
  <a href>Stretch</a>
1349
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1349
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1350
1350
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1351
1351
  <div>
1352
1352
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -1502,7 +1502,7 @@
1502
1502
  </li>
1503
1503
  <li>
1504
1504
  <a href>Stretch</a>
1505
- <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1505
+ <div class="uk-navbar-dropdown" uk-drop="boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
1506
1506
  <div class="uk-drop-grid uk-child-width-1-3@m" uk-grid>
1507
1507
  <div>
1508
1508
  <ul class="uk-nav uk-navbar-dropdown-nav">
@@ -1721,8 +1721,8 @@
1721
1721
  </div>
1722
1722
  <div class="uk-navbar-right">
1723
1723
 
1724
- <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
1725
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false">Dropdown</div>
1724
+ <a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
1725
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; flip: false">Dropdown</div>
1726
1726
 
1727
1727
  </div>
1728
1728
  </div>
@@ -1768,10 +1768,10 @@
1768
1768
  </div>
1769
1769
  <div class="uk-navbar-right">
1770
1770
 
1771
- <a class="uk-navbar-toggle uk-navbar-toggle-animate" href="#">
1771
+ <a class="uk-navbar-toggle" href="#">
1772
1772
  <span class="uk-margin-xsmall-right">Menu</span> <span uk-navbar-toggle-icon></span>
1773
1773
  </a>
1774
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false">Dropdown</div>
1774
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; flip: false">Dropdown</div>
1775
1775
 
1776
1776
  </div>
1777
1777
  </div>
@@ -1823,8 +1823,8 @@
1823
1823
  </div>
1824
1824
  <div class="uk-navbar-right">
1825
1825
 
1826
- <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
1827
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false">Dropdown</div>
1826
+ <a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
1827
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; flip: false">Dropdown</div>
1828
1828
 
1829
1829
  </div>
1830
1830
  </div>
@@ -2287,8 +2287,8 @@
2287
2287
  </ul>
2288
2288
  </div>
2289
2289
 
2290
- <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
2291
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
2290
+ <a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
2291
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
2292
2292
  <ul class="uk-nav uk-navbar-dropdown-nav">
2293
2293
  <li class="uk-active"><a href="#">Active</a></li>
2294
2294
  <li class="uk-parent">
@@ -2350,8 +2350,8 @@
2350
2350
  </div>
2351
2351
  <div class="uk-navbar-right">
2352
2352
 
2353
- <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
2354
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
2353
+ <a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
2354
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
2355
2355
  <ul class="uk-nav uk-navbar-dropdown-nav">
2356
2356
  <li class="uk-active"><a href="#">Active</a></li>
2357
2357
  <li class="uk-parent">
@@ -2475,8 +2475,8 @@
2475
2475
  <li><a href="#">Item</a></li>
2476
2476
  </ul>
2477
2477
 
2478
- <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
2479
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
2478
+ <a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
2479
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
2480
2480
  <ul class="uk-nav uk-navbar-dropdown-nav">
2481
2481
  <li class="uk-active"><a href="#">Active</a></li>
2482
2482
  <li class="uk-parent">
@@ -2538,8 +2538,8 @@
2538
2538
  </div>
2539
2539
  <div class="uk-navbar-right">
2540
2540
 
2541
- <a class="uk-navbar-toggle uk-navbar-toggle-animate" href uk-navbar-toggle-icon></a>
2542
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
2541
+ <a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
2542
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
2543
2543
  <ul class="uk-nav uk-navbar-dropdown-nav">
2544
2544
  <li class="uk-active"><a href="#">Active</a></li>
2545
2545
  <li class="uk-parent">
@@ -19,27 +19,27 @@
19
19
 
20
20
  <p class="uk-notification-message">
21
21
  <a href="#" class="uk-notification-close" uk-close></a>
22
- Message
22
+ Message and a <a href="#">link</a>
23
23
  </p>
24
24
 
25
25
  <p class="uk-notification-message uk-notification-message-primary">
26
26
  <a href="#" class="uk-notification-close" uk-close></a>
27
- Primary message
27
+ Primary message and a <a href="#">link</a>
28
28
  </p>
29
29
 
30
30
  <p class="uk-notification-message uk-notification-message-success">
31
31
  <a href="#" class="uk-notification-close" uk-close></a>
32
- Success message
32
+ Success message and a <a href="#">link</a>
33
33
  </p>
34
34
 
35
35
  <p class="uk-notification-message uk-notification-message-warning">
36
36
  <a href="#" class="uk-notification-close" uk-close></a>
37
- Warning message
37
+ Warning message and a <a href="#">link</a>
38
38
  </p>
39
39
 
40
40
  <p class="uk-notification-message uk-notification-message-danger">
41
41
  <a href="#" class="uk-notification-close" uk-close></a>
42
- Danger message
42
+ Danger message and a <a href="#">link</a>
43
43
  </p>
44
44
 
45
45
  </div>
package/tests/search.html CHANGED
@@ -323,7 +323,7 @@
323
323
 
324
324
  <div>
325
325
  <a class="uk-navbar-toggle" href uk-search-icon></a>
326
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; flip: false">
326
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; flip: false">
327
327
 
328
328
  <div class="uk-grid-small uk-flex-middle" uk-grid>
329
329
  <div class="uk-width-expand">
@@ -369,7 +369,7 @@
369
369
 
370
370
  <div>
371
371
  <a class="uk-navbar-toggle" href uk-search-icon></a>
372
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; stretch: x; flip: false">
372
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
373
373
 
374
374
  <div class="uk-grid-small uk-flex-middle" uk-grid>
375
375
  <div class="uk-width-expand">
@@ -415,7 +415,7 @@
415
415
 
416
416
  <div>
417
417
  <a class="uk-navbar-toggle" href uk-search-icon></a>
418
- <div class="uk-dropbar uk-dropbar-top" uk-drop="mode: click; cls-drop: uk-dropbar; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
418
+ <div class="uk-dropbar uk-dropbar-top" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
419
419
 
420
420
  <div class="uk-grid-small uk-flex-middle" uk-grid>
421
421
  <div class="uk-width-expand">
@@ -98,21 +98,21 @@
98
98
  </div>
99
99
  </div>
100
100
  <div>
101
- <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" autoplay loop muted playsinline uk-cover></video>
101
+ <video src="https://yootheme.com/site/images/media/yootheme-pro.mp4" playsinline loop muted uk-cover></video>
102
102
  <div class="uk-position-center uk-position-small uk-text-center">
103
103
  <h2 uk-slideshow-parallax="x: 100,-100">Video</h2>
104
104
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
105
105
  </div>
106
106
  </div>
107
107
  <div>
108
- <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?autoplay=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;loop=1&amp;modestbranding=1&amp;wmode=transparent&amp;playsinline=1" width="1920" height="1080" allowfullscreen loading="lazy" uk-cover></iframe>
108
+ <iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?playsinline=1&amp;rel=0&amp;controls=0&amp;loop=1&amp;mute=1" width="1920" height="1080" allowfullscreen loading="lazy" uk-cover></iframe>
109
109
  <div class="uk-position-center uk-position-small uk-text-center">
110
110
  <h2 uk-slideshow-parallax="x: 100,-100">YouTube</h2>
111
111
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
112
112
  </div>
113
113
  </div>
114
114
  <div>
115
- <iframe src="https://player.vimeo.com/video/1084537?title=0&amp;background=1&amp;keyboard=0" width="500" height="281" allowfullscreen loading="lazy" uk-cover></iframe>
115
+ <iframe src="https://player.vimeo.com/video/1084537?title=0&amp;background=1&amp;keyboard=0&amp;muted=1" width="500" height="281" allowfullscreen loading="lazy" uk-cover></iframe>
116
116
  <div class="uk-position-center uk-position-small uk-text-center">
117
117
  <h2 uk-slideshow-parallax="x: 100,-100">Vimeo</h2>
118
118
  <p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>