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.
- package/.prettierignore +1 -0
- package/CHANGELOG.md +36 -0
- package/dist/css/uikit-core-rtl.css +301 -111
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +301 -111
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +305 -111
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +305 -111
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +49 -23
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +19 -14
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +19 -14
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +2 -2
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +2 -2
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +8 -3
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +2 -2
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +8 -3
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +48 -22
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +3 -3
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +2 -2
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +136 -63
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +185 -90
- package/dist/js/uikit.min.js +1 -1
- package/eslint.config.mjs +1 -1
- package/package.json +1 -1
- package/src/images/backgrounds/form-checkbox.svg +2 -2
- package/src/images/components/navbar-toggle-icon.svg +14 -7
- package/src/js/api/options.js +1 -1
- package/src/js/components/lightbox-panel.js +6 -4
- package/src/js/components/upload.js +1 -3
- package/src/js/core/drop.js +3 -8
- package/src/js/core/dropnav.js +4 -4
- package/src/js/core/img.js +1 -1
- package/src/js/core/index.js +1 -0
- package/src/js/core/navbar.js +3 -5
- package/src/js/core/overflow-fade.js +67 -0
- package/src/js/core/scrollspy.js +10 -10
- package/src/js/core/sticky.js +18 -16
- package/src/js/core/toggle.js +3 -5
- package/src/js/core/video.js +36 -10
- package/src/js/mixin/internal/animate-fade.js +32 -15
- package/src/js/mixin/internal/animate-slide.js +27 -9
- package/src/js/mixin/modal.js +3 -4
- package/src/js/mixin/slider.js +3 -1
- package/src/js/mixin/togglable.js +1 -1
- package/src/js/util/animation.js +3 -4
- package/src/js/util/await.js +7 -0
- package/src/js/util/player.js +1 -3
- package/src/js/util/scroll.js +2 -2
- package/src/js/util/selector.js +1 -1
- package/src/js/util/viewport.js +3 -1
- package/src/less/components/base.less +19 -4
- package/src/less/components/card.less +40 -1
- package/src/less/components/countdown.less +4 -42
- package/src/less/components/form.less +87 -67
- package/src/less/components/heading.less +0 -84
- package/src/less/components/icon.less +44 -0
- package/src/less/components/navbar.less +23 -9
- package/src/less/components/position.less +1 -1
- package/src/less/components/section.less +33 -0
- package/src/less/components/subnav.less +1 -1
- package/src/less/components/utility.less +45 -0
- package/src/less/components/visibility.less +1 -1
- package/src/less/components/width.less +0 -5
- package/src/less/theme/card.less +13 -0
- package/src/less/theme/icon.less +14 -0
- package/src/scss/components/base.scss +19 -4
- package/src/scss/components/card.scss +35 -1
- package/src/scss/components/countdown.scss +2 -40
- package/src/scss/components/form.scss +73 -55
- package/src/scss/components/heading.scss +0 -83
- package/src/scss/components/icon.scss +22 -0
- package/src/scss/components/navbar.scss +23 -9
- package/src/scss/components/position.scss +1 -1
- package/src/scss/components/section.scss +33 -0
- package/src/scss/components/subnav.scss +1 -1
- package/src/scss/components/utility.scss +45 -0
- package/src/scss/components/visibility.scss +1 -1
- package/src/scss/components/width.scss +0 -15
- package/src/scss/mixins-theme.scss +28 -8
- package/src/scss/mixins.scss +25 -8
- package/src/scss/variables-theme.scss +27 -30
- package/src/scss/variables.scss +25 -30
- package/tests/article.html +7 -7
- package/tests/base.html +13 -13
- package/tests/card.html +9 -1
- package/tests/column.html +1 -1
- package/tests/countdown.html +595 -8
- package/tests/cover.html +7 -13
- package/tests/dropbar.html +3 -3
- package/tests/dropdown.html +13 -13
- package/tests/dropnav.html +9 -9
- package/tests/form.html +56 -3
- package/tests/icon.html +31 -0
- package/tests/index.html +68 -58
- package/tests/js/index.js +76 -83
- package/tests/lightbox.html +4 -4
- package/tests/link.html +71 -8
- package/tests/modal.html +1 -1
- package/tests/navbar.html +32 -32
- package/tests/notification.html +5 -5
- package/tests/search.html +3 -3
- package/tests/slideshow.html +3 -3
- package/tests/sticky-navbar.html +72 -72
- package/tests/subnav.html +106 -2
- package/tests/tab.html +68 -21
- package/tests/table.html +8 -8
- package/tests/utility.html +159 -1
- 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
|
|
100
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
101
101
|
<li>
|
|
102
|
-
<a href
|
|
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
|
|
122
|
-
<li><a href
|
|
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
|
|
141
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
142
142
|
<li>
|
|
143
|
-
<a href
|
|
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
|
|
163
|
-
<li><a href
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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="
|
|
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
|
|
1725
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
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
|
|
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;
|
|
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
|
|
1827
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
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
|
|
2291
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
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
|
|
2354
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
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
|
|
2479
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
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
|
|
2542
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
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">
|
package/tests/notification.html
CHANGED
|
@@ -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;
|
|
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;
|
|
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;
|
|
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">
|
package/tests/slideshow.html
CHANGED
|
@@ -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"
|
|
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?
|
|
108
|
+
<iframe src="https://www.youtube-nocookie.com/embed/c2pz2mlSfXA?playsinline=1&rel=0&controls=0&loop=1&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&background=1&keyboard=0" width="500" height="281" allowfullscreen loading="lazy" uk-cover></iframe>
|
|
115
|
+
<iframe src="https://player.vimeo.com/video/1084537?title=0&background=1&keyboard=0&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>
|