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/sticky-navbar.html
CHANGED
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
<a class="uk-navbar-item uk-logo" href="#">Sticky + Dropdown</a>
|
|
27
27
|
|
|
28
28
|
<ul class="uk-navbar-nav">
|
|
29
|
-
<li class="uk-active"><a href
|
|
29
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
30
30
|
<li>
|
|
31
|
-
<a href
|
|
31
|
+
<a href>Parent</a>
|
|
32
32
|
<div class="uk-navbar-dropdown">
|
|
33
33
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
34
34
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
</div>
|
|
49
49
|
</li>
|
|
50
50
|
<li>
|
|
51
|
-
<a href
|
|
51
|
+
<a href>Parent</a>
|
|
52
52
|
<div class="uk-navbar-dropdown">
|
|
53
53
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
54
54
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -67,14 +67,14 @@
|
|
|
67
67
|
</ul>
|
|
68
68
|
</div>
|
|
69
69
|
</li>
|
|
70
|
-
<li><a href
|
|
70
|
+
<li><a href>Item</a></li>
|
|
71
71
|
</ul>
|
|
72
72
|
|
|
73
73
|
</div>
|
|
74
74
|
<div class="uk-navbar-right">
|
|
75
75
|
|
|
76
|
-
<a class="uk-navbar-toggle
|
|
77
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
76
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
77
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
78
78
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
79
79
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
80
80
|
<li class="uk-parent">
|
|
@@ -127,9 +127,9 @@
|
|
|
127
127
|
<a class="uk-navbar-item uk-logo" href="#">Sticky + Dropbar</a>
|
|
128
128
|
|
|
129
129
|
<ul class="uk-navbar-nav">
|
|
130
|
-
<li class="uk-active"><a href
|
|
130
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
131
131
|
<li>
|
|
132
|
-
<a href
|
|
132
|
+
<a href>Parent</a>
|
|
133
133
|
<div class="uk-navbar-dropdown">
|
|
134
134
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
135
135
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
</div>
|
|
150
150
|
</li>
|
|
151
151
|
<li>
|
|
152
|
-
<a href
|
|
152
|
+
<a href>Parent</a>
|
|
153
153
|
<div class="uk-navbar-dropdown">
|
|
154
154
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
155
155
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -168,14 +168,14 @@
|
|
|
168
168
|
</ul>
|
|
169
169
|
</div>
|
|
170
170
|
</li>
|
|
171
|
-
<li><a href
|
|
171
|
+
<li><a href>Item</a></li>
|
|
172
172
|
</ul>
|
|
173
173
|
|
|
174
174
|
</div>
|
|
175
175
|
<div class="uk-navbar-right">
|
|
176
176
|
|
|
177
|
-
<a class="uk-navbar-toggle
|
|
178
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
177
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
178
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
|
|
179
179
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
180
180
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
181
181
|
<li class="uk-parent">
|
|
@@ -228,9 +228,9 @@
|
|
|
228
228
|
<a class="uk-navbar-item uk-logo" href="#">Scroll Up + Dropdown</a>
|
|
229
229
|
|
|
230
230
|
<ul class="uk-navbar-nav">
|
|
231
|
-
<li class="uk-active"><a href
|
|
231
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
232
232
|
<li>
|
|
233
|
-
<a href
|
|
233
|
+
<a href>Parent</a>
|
|
234
234
|
<div class="uk-navbar-dropdown">
|
|
235
235
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
236
236
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -250,7 +250,7 @@
|
|
|
250
250
|
</div>
|
|
251
251
|
</li>
|
|
252
252
|
<li>
|
|
253
|
-
<a href
|
|
253
|
+
<a href>Parent</a>
|
|
254
254
|
<div class="uk-navbar-dropdown">
|
|
255
255
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
256
256
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -269,14 +269,14 @@
|
|
|
269
269
|
</ul>
|
|
270
270
|
</div>
|
|
271
271
|
</li>
|
|
272
|
-
<li><a href
|
|
272
|
+
<li><a href>Item</a></li>
|
|
273
273
|
</ul>
|
|
274
274
|
|
|
275
275
|
</div>
|
|
276
276
|
<div class="uk-navbar-right">
|
|
277
277
|
|
|
278
|
-
<a class="uk-navbar-toggle
|
|
279
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
278
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
279
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
280
280
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
281
281
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
282
282
|
<li class="uk-parent">
|
|
@@ -329,9 +329,9 @@
|
|
|
329
329
|
<a class="uk-navbar-item uk-logo" href="#">Scroll Up + Dropbar</a>
|
|
330
330
|
|
|
331
331
|
<ul class="uk-navbar-nav">
|
|
332
|
-
<li class="uk-active"><a href
|
|
332
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
333
333
|
<li>
|
|
334
|
-
<a href
|
|
334
|
+
<a href>Parent</a>
|
|
335
335
|
<div class="uk-navbar-dropdown">
|
|
336
336
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
337
337
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
</div>
|
|
352
352
|
</li>
|
|
353
353
|
<li>
|
|
354
|
-
<a href
|
|
354
|
+
<a href>Parent</a>
|
|
355
355
|
<div class="uk-navbar-dropdown">
|
|
356
356
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
357
357
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -370,14 +370,14 @@
|
|
|
370
370
|
</ul>
|
|
371
371
|
</div>
|
|
372
372
|
</li>
|
|
373
|
-
<li><a href
|
|
373
|
+
<li><a href>Item</a></li>
|
|
374
374
|
</ul>
|
|
375
375
|
|
|
376
376
|
</div>
|
|
377
377
|
<div class="uk-navbar-right">
|
|
378
378
|
|
|
379
|
-
<a class="uk-navbar-toggle
|
|
380
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
379
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
380
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
|
|
381
381
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
382
382
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
383
383
|
<li class="uk-parent">
|
|
@@ -432,9 +432,9 @@
|
|
|
432
432
|
<a class="uk-navbar-item uk-logo" href="#">Transparent + Dropdown</a>
|
|
433
433
|
|
|
434
434
|
<ul class="uk-navbar-nav">
|
|
435
|
-
<li class="uk-active"><a href
|
|
435
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
436
436
|
<li>
|
|
437
|
-
<a href
|
|
437
|
+
<a href>Parent</a>
|
|
438
438
|
<div class="uk-navbar-dropdown">
|
|
439
439
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
440
440
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -454,7 +454,7 @@
|
|
|
454
454
|
</div>
|
|
455
455
|
</li>
|
|
456
456
|
<li>
|
|
457
|
-
<a href
|
|
457
|
+
<a href>Parent</a>
|
|
458
458
|
<div class="uk-navbar-dropdown">
|
|
459
459
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
460
460
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -473,14 +473,14 @@
|
|
|
473
473
|
</ul>
|
|
474
474
|
</div>
|
|
475
475
|
</li>
|
|
476
|
-
<li><a href
|
|
476
|
+
<li><a href>Item</a></li>
|
|
477
477
|
</ul>
|
|
478
478
|
|
|
479
479
|
</div>
|
|
480
480
|
<div class="uk-navbar-right">
|
|
481
481
|
|
|
482
|
-
<a class="uk-navbar-toggle
|
|
483
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
482
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
483
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false">
|
|
484
484
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
485
485
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
486
486
|
<li class="uk-parent">
|
|
@@ -537,9 +537,9 @@
|
|
|
537
537
|
<a class="uk-navbar-item uk-logo" href="#">Transparent + Dropbar Remove</a>
|
|
538
538
|
|
|
539
539
|
<ul class="uk-navbar-nav">
|
|
540
|
-
<li class="uk-active"><a href
|
|
540
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
541
541
|
<li>
|
|
542
|
-
<a href
|
|
542
|
+
<a href>Parent</a>
|
|
543
543
|
<div class="uk-navbar-dropdown">
|
|
544
544
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
545
545
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -559,7 +559,7 @@
|
|
|
559
559
|
</div>
|
|
560
560
|
</li>
|
|
561
561
|
<li>
|
|
562
|
-
<a href
|
|
562
|
+
<a href>Parent</a>
|
|
563
563
|
<div class="uk-navbar-dropdown">
|
|
564
564
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
565
565
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -578,14 +578,14 @@
|
|
|
578
578
|
</ul>
|
|
579
579
|
</div>
|
|
580
580
|
</li>
|
|
581
|
-
<li><a href
|
|
581
|
+
<li><a href>Item</a></li>
|
|
582
582
|
</ul>
|
|
583
583
|
|
|
584
584
|
</div>
|
|
585
585
|
<div class="uk-navbar-right">
|
|
586
586
|
|
|
587
|
-
<a class="uk-navbar-toggle
|
|
588
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
587
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
588
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
|
|
589
589
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
590
590
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
591
591
|
<li class="uk-parent">
|
|
@@ -642,9 +642,9 @@
|
|
|
642
642
|
<a class="uk-navbar-item uk-logo" href="#">Always Transparent + Dropbar Remove</a>
|
|
643
643
|
|
|
644
644
|
<ul class="uk-navbar-nav">
|
|
645
|
-
<li class="uk-active"><a href
|
|
645
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
646
646
|
<li>
|
|
647
|
-
<a href
|
|
647
|
+
<a href>Parent</a>
|
|
648
648
|
<div class="uk-navbar-dropdown">
|
|
649
649
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
650
650
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -664,7 +664,7 @@
|
|
|
664
664
|
</div>
|
|
665
665
|
</li>
|
|
666
666
|
<li>
|
|
667
|
-
<a href
|
|
667
|
+
<a href>Parent</a>
|
|
668
668
|
<div class="uk-navbar-dropdown">
|
|
669
669
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
670
670
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -683,14 +683,14 @@
|
|
|
683
683
|
</ul>
|
|
684
684
|
</div>
|
|
685
685
|
</li>
|
|
686
|
-
<li><a href
|
|
686
|
+
<li><a href>Item</a></li>
|
|
687
687
|
</ul>
|
|
688
688
|
|
|
689
689
|
</div>
|
|
690
690
|
<div class="uk-navbar-right">
|
|
691
691
|
|
|
692
|
-
<a class="uk-navbar-toggle
|
|
693
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
692
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
693
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
|
|
694
694
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
695
695
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
696
696
|
<li class="uk-parent">
|
|
@@ -708,7 +708,7 @@
|
|
|
708
708
|
</ul>
|
|
709
709
|
</div>
|
|
710
710
|
|
|
711
|
-
<a class="uk-navbar-toggle
|
|
711
|
+
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
712
712
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="mode: click; pos: bottom-center; stretch: true; animation: slide-top; animate-out: true; bg-scroll: false;">
|
|
713
713
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
714
714
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -766,9 +766,9 @@
|
|
|
766
766
|
<a class="uk-navbar-item uk-logo" href="#">Always Transparent + Dropbar Behind</a>
|
|
767
767
|
|
|
768
768
|
<ul class="uk-navbar-nav">
|
|
769
|
-
<li class="uk-active"><a href
|
|
769
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
770
770
|
<li>
|
|
771
|
-
<a href
|
|
771
|
+
<a href>Parent</a>
|
|
772
772
|
<div class="uk-navbar-dropdown">
|
|
773
773
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
774
774
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -788,7 +788,7 @@
|
|
|
788
788
|
</div>
|
|
789
789
|
</li>
|
|
790
790
|
<li>
|
|
791
|
-
<a href
|
|
791
|
+
<a href>Parent</a>
|
|
792
792
|
<div class="uk-navbar-dropdown">
|
|
793
793
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
794
794
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -807,14 +807,14 @@
|
|
|
807
807
|
</ul>
|
|
808
808
|
</div>
|
|
809
809
|
</li>
|
|
810
|
-
<li><a href
|
|
810
|
+
<li><a href>Item</a></li>
|
|
811
811
|
</ul>
|
|
812
812
|
|
|
813
813
|
</div>
|
|
814
814
|
<div class="uk-navbar-right">
|
|
815
815
|
|
|
816
|
-
<a class="uk-navbar-toggle
|
|
817
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
816
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
817
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
|
|
818
818
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
819
819
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
820
820
|
<li class="uk-parent">
|
|
@@ -832,7 +832,7 @@
|
|
|
832
832
|
</ul>
|
|
833
833
|
</div>
|
|
834
834
|
|
|
835
|
-
<a class="uk-navbar-toggle
|
|
835
|
+
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
836
836
|
<div class="uk-dropbar uk-dropbar-top uk-position-z-index uk-padding-remove-top" uk-drop="mode: click; inset: true; pos: top-center; stretch: true; animation: slide-top; animate-out: true; container: #sticky-transparent-dropbar-behind [uk-sticky]; bg-scroll: false;">
|
|
837
837
|
<div uk-height-placeholder="!.tm-header"></div>
|
|
838
838
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -891,9 +891,9 @@
|
|
|
891
891
|
<a class="uk-navbar-item uk-logo" href="#">Always Transparent + Dropbar Behind + Blend</a>
|
|
892
892
|
|
|
893
893
|
<ul class="uk-navbar-nav">
|
|
894
|
-
<li class="uk-active"><a href
|
|
894
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
895
895
|
<li>
|
|
896
|
-
<a href
|
|
896
|
+
<a href>Parent</a>
|
|
897
897
|
<div class="uk-navbar-dropdown uk-padding-remove-top">
|
|
898
898
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
899
899
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -913,7 +913,7 @@
|
|
|
913
913
|
</div>
|
|
914
914
|
</li>
|
|
915
915
|
<li>
|
|
916
|
-
<a href
|
|
916
|
+
<a href>Parent</a>
|
|
917
917
|
<div class="uk-navbar-dropdown uk-padding-remove-top">
|
|
918
918
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
919
919
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -932,14 +932,14 @@
|
|
|
932
932
|
</ul>
|
|
933
933
|
</div>
|
|
934
934
|
</li>
|
|
935
|
-
<li><a href
|
|
935
|
+
<li><a href>Item</a></li>
|
|
936
936
|
</ul>
|
|
937
937
|
|
|
938
938
|
</div>
|
|
939
939
|
<div class="uk-navbar-right">
|
|
940
940
|
|
|
941
|
-
<a class="uk-navbar-toggle
|
|
942
|
-
<div class="uk-navbar-dropdown uk-padding-remove-top" uk-drop="mode: click;
|
|
941
|
+
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
942
|
+
<div class="uk-navbar-dropdown uk-padding-remove-top" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: #sticky-transparent-dropbar-behind-blend .uk-navbar-container; container: #sticky-transparent-dropbar-behind-blend .tm-header;">
|
|
943
943
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
944
944
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
945
945
|
<li class="uk-parent">
|
|
@@ -957,7 +957,7 @@
|
|
|
957
957
|
</ul>
|
|
958
958
|
</div>
|
|
959
959
|
|
|
960
|
-
<a class="uk-navbar-toggle
|
|
960
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
961
961
|
<div class="uk-dropbar uk-dropbar-top uk-position-z-index uk-padding-remove-top" uk-drop="mode: click; inset: true; pos: top-center; stretch: true; animation: slide-top; animate-out: true; container: #sticky-transparent-dropbar-behind-blend .tm-header; bg-scroll: false;">
|
|
962
962
|
<div uk-height-placeholder="!.tm-header"></div>
|
|
963
963
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -1016,9 +1016,9 @@
|
|
|
1016
1016
|
<a class="uk-navbar-item uk-logo" href="#">Always Transparent + Recolor</a>
|
|
1017
1017
|
|
|
1018
1018
|
<ul class="uk-navbar-nav">
|
|
1019
|
-
<li class="uk-active"><a href
|
|
1019
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
1020
1020
|
<li>
|
|
1021
|
-
<a href
|
|
1021
|
+
<a href>Parent</a>
|
|
1022
1022
|
<div class="uk-navbar-dropdown">
|
|
1023
1023
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1024
1024
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1038,7 +1038,7 @@
|
|
|
1038
1038
|
</div>
|
|
1039
1039
|
</li>
|
|
1040
1040
|
<li>
|
|
1041
|
-
<a href
|
|
1041
|
+
<a href>Parent</a>
|
|
1042
1042
|
<div class="uk-navbar-dropdown">
|
|
1043
1043
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1044
1044
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1057,14 +1057,14 @@
|
|
|
1057
1057
|
</ul>
|
|
1058
1058
|
</div>
|
|
1059
1059
|
</li>
|
|
1060
|
-
<li><a href
|
|
1060
|
+
<li><a href>Item</a></li>
|
|
1061
1061
|
</ul>
|
|
1062
1062
|
|
|
1063
1063
|
</div>
|
|
1064
1064
|
<div class="uk-navbar-right">
|
|
1065
1065
|
|
|
1066
|
-
<a class="uk-navbar-toggle
|
|
1067
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
1066
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
1067
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
|
|
1068
1068
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1069
1069
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1070
1070
|
<li class="uk-parent">
|
|
@@ -1082,7 +1082,7 @@
|
|
|
1082
1082
|
</ul>
|
|
1083
1083
|
</div>
|
|
1084
1084
|
|
|
1085
|
-
<a class="uk-navbar-toggle
|
|
1085
|
+
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
1086
1086
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="mode: click; pos: bottom-center; stretch: true; animation: slide-top; animate-out: true; bg-scroll: false;">
|
|
1087
1087
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1088
1088
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1195,9 +1195,9 @@
|
|
|
1195
1195
|
<a class="uk-navbar-item uk-logo" href="#">Always Transparent + Recolor Partially</a>
|
|
1196
1196
|
|
|
1197
1197
|
<ul class="uk-navbar-nav">
|
|
1198
|
-
<li class="uk-active"><a href
|
|
1198
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
1199
1199
|
<li>
|
|
1200
|
-
<a href
|
|
1200
|
+
<a href>Parent</a>
|
|
1201
1201
|
<div class="uk-navbar-dropdown">
|
|
1202
1202
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1203
1203
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1217,7 +1217,7 @@
|
|
|
1217
1217
|
</div>
|
|
1218
1218
|
</li>
|
|
1219
1219
|
<li>
|
|
1220
|
-
<a href
|
|
1220
|
+
<a href>Parent</a>
|
|
1221
1221
|
<div class="uk-navbar-dropdown">
|
|
1222
1222
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1223
1223
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -1236,7 +1236,7 @@
|
|
|
1236
1236
|
</ul>
|
|
1237
1237
|
</div>
|
|
1238
1238
|
</li>
|
|
1239
|
-
<li><a href
|
|
1239
|
+
<li><a href>Item</a></li>
|
|
1240
1240
|
</ul>
|
|
1241
1241
|
|
|
1242
1242
|
</div>
|
|
@@ -1245,15 +1245,15 @@
|
|
|
1245
1245
|
<a class="uk-navbar-item uk-logo" href="#">Logo</a>
|
|
1246
1246
|
|
|
1247
1247
|
<ul class="uk-navbar-nav">
|
|
1248
|
-
<li class="uk-active"><a href
|
|
1248
|
+
<li class="uk-active"><a href>Active</a></li>
|
|
1249
1249
|
<li><a href="#">Center</a></li>
|
|
1250
1250
|
</ul>
|
|
1251
1251
|
|
|
1252
1252
|
</div>
|
|
1253
1253
|
<div class="uk-navbar-right">
|
|
1254
1254
|
|
|
1255
|
-
<a class="uk-navbar-toggle
|
|
1256
|
-
<div class="uk-navbar-dropdown" uk-drop="mode: click;
|
|
1255
|
+
<a class="uk-navbar-toggle" href uk-navbar-toggle-icon></a>
|
|
1256
|
+
<div class="uk-navbar-dropdown" uk-drop="mode: click; boundary: !.uk-navbar; stretch: x; flip: false; target-y: !.uk-navbar-container">
|
|
1257
1257
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1258
1258
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
1259
1259
|
<li class="uk-parent">
|
|
@@ -1271,7 +1271,7 @@
|
|
|
1271
1271
|
</ul>
|
|
1272
1272
|
</div>
|
|
1273
1273
|
|
|
1274
|
-
<a class="uk-navbar-toggle
|
|
1274
|
+
<a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
|
|
1275
1275
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="mode: click; pos: bottom-center; stretch: true; animation: slide-top; animate-out: true; bg-scroll: false;">
|
|
1276
1276
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
1277
1277
|
<li class="uk-active"><a href="#">Active</a></li>
|
package/tests/subnav.html
CHANGED
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
</div>
|
|
60
60
|
</li>
|
|
61
61
|
<li><a href="#">Item</a></li>
|
|
62
|
-
<li><span>Disabled</span></li>
|
|
62
|
+
<li class="uk-disabled"><span>Disabled</span></li>
|
|
63
63
|
</ul>
|
|
64
64
|
</nav>
|
|
65
65
|
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
</div>
|
|
84
84
|
</li>
|
|
85
85
|
<li><a href="#">Item</a></li>
|
|
86
|
-
<li><span>Disabled</span></li>
|
|
86
|
+
<li class="uk-disabled"><span>Disabled</span></li>
|
|
87
87
|
</ul>
|
|
88
88
|
</nav>
|
|
89
89
|
|
|
@@ -169,6 +169,110 @@
|
|
|
169
169
|
<li><a href="#">Item</a></li>
|
|
170
170
|
</ul>
|
|
171
171
|
|
|
172
|
+
<h2>Overflow</h2>
|
|
173
|
+
|
|
174
|
+
<div class="uk-margin" uk-overflow-fade>
|
|
175
|
+
<ul class="uk-subnav uk-flex-nowrap" uk-dropnav="mode: click; container: body">
|
|
176
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
177
|
+
<li>
|
|
178
|
+
<a href>Parent <span uk-drop-parent-icon></span></a>
|
|
179
|
+
<div class="uk-dropdown">
|
|
180
|
+
<ul class="uk-nav uk-dropdown-nav">
|
|
181
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
182
|
+
<li><a href="#">Item</a></li>
|
|
183
|
+
<li class="uk-nav-header">Header</li>
|
|
184
|
+
<li><a href="#">Item</a></li>
|
|
185
|
+
<li><a href="#">Item</a></li>
|
|
186
|
+
<li class="uk-nav-divider"></li>
|
|
187
|
+
<li><a href="#">Item</a></li>
|
|
188
|
+
</ul>
|
|
189
|
+
</div>
|
|
190
|
+
</li>
|
|
191
|
+
<li><a href="#">Item</a></li>
|
|
192
|
+
<li><a href="#">Item</a></li>
|
|
193
|
+
<li><a href="#">Item</a></li>
|
|
194
|
+
<li><a href="#">Item</a></li>
|
|
195
|
+
<li><a href="#">Item</a></li>
|
|
196
|
+
<li><a href="#">Item</a></li>
|
|
197
|
+
<li><a href="#">Item</a></li>
|
|
198
|
+
<li><a href="#">Item</a></li>
|
|
199
|
+
<li><a href="#">Item</a></li>
|
|
200
|
+
<li><a href="#">Item</a></li>
|
|
201
|
+
<li><a href="#">Item</a></li>
|
|
202
|
+
<li><a href="#">Item</a></li>
|
|
203
|
+
<li><a href="#">Item</a></li>
|
|
204
|
+
<li><a href="#">Item</a></li>
|
|
205
|
+
</ul>
|
|
206
|
+
</div>
|
|
207
|
+
|
|
208
|
+
<div class="uk-margin" uk-overflow-fade>
|
|
209
|
+
<ul class="uk-subnav uk-subnav-divider uk-flex-nowrap" uk-dropnav="mode: click; container: body">
|
|
210
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
211
|
+
<li>
|
|
212
|
+
<a href>Parent <span uk-drop-parent-icon></span></a>
|
|
213
|
+
<div class="uk-dropdown">
|
|
214
|
+
<ul class="uk-nav uk-dropdown-nav">
|
|
215
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
216
|
+
<li><a href="#">Item</a></li>
|
|
217
|
+
<li class="uk-nav-header">Header</li>
|
|
218
|
+
<li><a href="#">Item</a></li>
|
|
219
|
+
<li><a href="#">Item</a></li>
|
|
220
|
+
<li class="uk-nav-divider"></li>
|
|
221
|
+
<li><a href="#">Item</a></li>
|
|
222
|
+
</ul>
|
|
223
|
+
</div>
|
|
224
|
+
</li>
|
|
225
|
+
<li><a href="#">Item</a></li>
|
|
226
|
+
<li><a href="#">Item</a></li>
|
|
227
|
+
<li><a href="#">Item</a></li>
|
|
228
|
+
<li><a href="#">Item</a></li>
|
|
229
|
+
<li><a href="#">Item</a></li>
|
|
230
|
+
<li><a href="#">Item</a></li>
|
|
231
|
+
<li><a href="#">Item</a></li>
|
|
232
|
+
<li><a href="#">Item</a></li>
|
|
233
|
+
<li><a href="#">Item</a></li>
|
|
234
|
+
<li><a href="#">Item</a></li>
|
|
235
|
+
<li><a href="#">Item</a></li>
|
|
236
|
+
<li><a href="#">Item</a></li>
|
|
237
|
+
<li><a href="#">Item</a></li>
|
|
238
|
+
<li><a href="#">Item</a></li>
|
|
239
|
+
</ul>
|
|
240
|
+
</div>
|
|
241
|
+
|
|
242
|
+
<div class="uk-margin" uk-overflow-fade>
|
|
243
|
+
<ul class="uk-subnav uk-subnav-pill uk-flex-nowrap" uk-dropnav="mode: click; container: body">
|
|
244
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
245
|
+
<li>
|
|
246
|
+
<a href>Parent <span uk-drop-parent-icon></span></a>
|
|
247
|
+
<div class="uk-dropdown">
|
|
248
|
+
<ul class="uk-nav uk-dropdown-nav">
|
|
249
|
+
<li class="uk-active"><a href="#">Active</a></li>
|
|
250
|
+
<li><a href="#">Item</a></li>
|
|
251
|
+
<li class="uk-nav-header">Header</li>
|
|
252
|
+
<li><a href="#">Item</a></li>
|
|
253
|
+
<li><a href="#">Item</a></li>
|
|
254
|
+
<li class="uk-nav-divider"></li>
|
|
255
|
+
<li><a href="#">Item</a></li>
|
|
256
|
+
</ul>
|
|
257
|
+
</div>
|
|
258
|
+
</li>
|
|
259
|
+
<li><a href="#">Item</a></li>
|
|
260
|
+
<li><a href="#">Item</a></li>
|
|
261
|
+
<li><a href="#">Item</a></li>
|
|
262
|
+
<li><a href="#">Item</a></li>
|
|
263
|
+
<li><a href="#">Item</a></li>
|
|
264
|
+
<li><a href="#">Item</a></li>
|
|
265
|
+
<li><a href="#">Item</a></li>
|
|
266
|
+
<li><a href="#">Item</a></li>
|
|
267
|
+
<li><a href="#">Item</a></li>
|
|
268
|
+
<li><a href="#">Item</a></li>
|
|
269
|
+
<li><a href="#">Item</a></li>
|
|
270
|
+
<li><a href="#">Item</a></li>
|
|
271
|
+
<li><a href="#">Item</a></li>
|
|
272
|
+
<li><a href="#">Item</a></li>
|
|
273
|
+
</ul>
|
|
274
|
+
</div>
|
|
275
|
+
|
|
172
276
|
</div>
|
|
173
277
|
</div>
|
|
174
278
|
|