uikit 3.16.26 → 3.16.27-dev.376d5349d
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/CHANGELOG.md +7 -0
- package/dist/css/uikit-core-rtl.css +1 -1
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +1 -1
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +1 -1
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +1 -1
- 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 +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- 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 +7 -4
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +5 -2
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +5 -2
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +1 -1
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +13 -11
- 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 +17 -12
- package/dist/js/uikit.min.js +1 -1
- package/package.json +2 -2
- package/src/js/api/observables.js +2 -2
- package/src/js/core/height-viewport.js +14 -17
- package/src/js/mixin/parallax.js +4 -1
- package/tests/alert.html +7 -7
- package/tests/close.html +2 -2
- package/tests/dropbar.html +11 -11
- package/tests/dropnav.html +20 -20
- package/tests/index.html +5 -5
- package/tests/nav.html +8 -8
- package/tests/navbar.html +22 -22
- package/tests/sticky-navbar.html +8 -8
- package/tests/subnav.html +3 -3
- package/tests/tab.html +1 -1
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "uikit",
|
|
3
3
|
"title": "UIkit",
|
|
4
4
|
"description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
|
|
5
|
-
"version": "3.16.
|
|
5
|
+
"version": "3.16.27-dev.376d5349d",
|
|
6
6
|
"main": "dist/js/uikit.js",
|
|
7
7
|
"style": "dist/css/uikit.css",
|
|
8
8
|
"sideEffects": [
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"prettier": "^3.0.2",
|
|
43
43
|
"prettier-plugin-organize-imports": "^3.2.3",
|
|
44
44
|
"rollup": "^3.28.1",
|
|
45
|
-
"rollup-plugin-esbuild": "^
|
|
45
|
+
"rollup-plugin-esbuild": "^6.0.1",
|
|
46
46
|
"rollup-plugin-modify": "^3.0.0",
|
|
47
47
|
"rtlcss": "^4.1.0",
|
|
48
48
|
"semver": "^7.5.4",
|
|
@@ -52,8 +52,8 @@ export function lazyload(options = {}) {
|
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
export function viewport() {
|
|
56
|
-
return observe((target, handler) => observeViewportResize(handler));
|
|
55
|
+
export function viewport(options) {
|
|
56
|
+
return observe((target, handler) => observeViewportResize(handler), options);
|
|
57
57
|
}
|
|
58
58
|
|
|
59
59
|
export function scroll(options) {
|
|
@@ -13,7 +13,7 @@ import {
|
|
|
13
13
|
scrollParents,
|
|
14
14
|
toFloat,
|
|
15
15
|
} from 'uikit-util';
|
|
16
|
-
import { resize } from '../api/observables';
|
|
16
|
+
import { resize, viewport } from '../api/observables';
|
|
17
17
|
|
|
18
18
|
export default {
|
|
19
19
|
props: {
|
|
@@ -31,9 +31,10 @@ export default {
|
|
|
31
31
|
},
|
|
32
32
|
|
|
33
33
|
// check for offsetTop change
|
|
34
|
-
observe:
|
|
35
|
-
|
|
36
|
-
|
|
34
|
+
observe: [
|
|
35
|
+
viewport({ filter: ({ expand }) => expand }),
|
|
36
|
+
resize({ target: ({ $el }) => scrollParents($el) }),
|
|
37
|
+
],
|
|
37
38
|
|
|
38
39
|
update: {
|
|
39
40
|
read() {
|
|
@@ -50,19 +51,15 @@ export default {
|
|
|
50
51
|
scrollElement === body ? scrollingElement : scrollElement,
|
|
51
52
|
);
|
|
52
53
|
|
|
53
|
-
|
|
54
|
-
minHeight = `${
|
|
55
|
-
viewportHeight -
|
|
56
|
-
(dimensions(scrollElement).height - dimensions(this.$el).height) -
|
|
57
|
-
box
|
|
58
|
-
}px`;
|
|
59
|
-
} else {
|
|
60
|
-
const isScrollingElement =
|
|
61
|
-
scrollingElement === scrollElement || body === scrollElement;
|
|
54
|
+
const isScrollingElement = scrollingElement === scrollElement || body === scrollElement;
|
|
62
55
|
|
|
63
|
-
|
|
64
|
-
|
|
56
|
+
// on mobile devices (iOS and Android) window.innerHeight !== 100vh
|
|
57
|
+
minHeight = `calc(${isScrollingElement ? '100vh' : `${viewportHeight}px`}`;
|
|
65
58
|
|
|
59
|
+
if (this.expand) {
|
|
60
|
+
const diff = dimensions(scrollElement).height - dimensions(this.$el).height;
|
|
61
|
+
minHeight += ` - ${diff}px`;
|
|
62
|
+
} else {
|
|
66
63
|
if (this.offsetTop) {
|
|
67
64
|
if (isScrollingElement) {
|
|
68
65
|
const top = offsetPosition(this.$el)[0] - offsetPosition(scrollElement)[0];
|
|
@@ -81,10 +78,10 @@ export default {
|
|
|
81
78
|
} else if (isString(this.offsetBottom)) {
|
|
82
79
|
minHeight += ` - ${dimensions(query(this.offsetBottom, this.$el)).height}px`;
|
|
83
80
|
}
|
|
84
|
-
|
|
85
|
-
minHeight += `${box ? ` - ${box}px` : ''})`;
|
|
86
81
|
}
|
|
87
82
|
|
|
83
|
+
minHeight += `${box ? ` - ${box}px` : ''})`;
|
|
84
|
+
|
|
88
85
|
return { minHeight };
|
|
89
86
|
},
|
|
90
87
|
|
package/src/js/mixin/parallax.js
CHANGED
|
@@ -99,7 +99,10 @@ function transformFn(prop, el, stops) {
|
|
|
99
99
|
} else if (prop === 'scale') {
|
|
100
100
|
unit = '';
|
|
101
101
|
transformFn = (stop) =>
|
|
102
|
-
getUnit([stop])
|
|
102
|
+
getUnit([stop])
|
|
103
|
+
? toPx(stop, 'width', el, true) /
|
|
104
|
+
el[`offset${stop.endsWith?.('vh') ? 'Height' : 'Width'}`]
|
|
105
|
+
: toFloat(stop);
|
|
103
106
|
}
|
|
104
107
|
|
|
105
108
|
if (stops.length === 1) {
|
package/tests/alert.html
CHANGED
|
@@ -15,27 +15,27 @@
|
|
|
15
15
|
<h1>Alert</h1>
|
|
16
16
|
|
|
17
17
|
<div uk-alert>
|
|
18
|
-
<a
|
|
18
|
+
<a class="uk-alert-close" href uk-close></a>
|
|
19
19
|
<p><strong>Alert!</strong> Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
20
20
|
</div>
|
|
21
21
|
|
|
22
22
|
<div class="uk-alert-primary" uk-alert>
|
|
23
|
-
<a
|
|
23
|
+
<a class="uk-alert-close" href uk-close></a>
|
|
24
24
|
<p><strong>Primary!</strong> Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
25
25
|
</div>
|
|
26
26
|
|
|
27
27
|
<div class="uk-alert-success" uk-alert>
|
|
28
|
-
<a
|
|
28
|
+
<a class="uk-alert-close" href uk-close></a>
|
|
29
29
|
<p><strong>Success!</strong> Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
30
30
|
</div>
|
|
31
31
|
|
|
32
32
|
<div class="uk-alert-warning" uk-alert>
|
|
33
|
-
<a
|
|
33
|
+
<a class="uk-alert-close" href uk-close></a>
|
|
34
34
|
<p><strong>Warning!</strong> Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
35
35
|
</div>
|
|
36
36
|
|
|
37
37
|
<div class="uk-alert-danger" uk-alert>
|
|
38
|
-
<a
|
|
38
|
+
<a class="uk-alert-close" href uk-close></a>
|
|
39
39
|
<p><strong>Danger!</strong> Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
40
40
|
</div>
|
|
41
41
|
|
|
@@ -74,12 +74,12 @@
|
|
|
74
74
|
<h2>Animations</h2>
|
|
75
75
|
|
|
76
76
|
<div uk-alert="animation: uk-animation-scale-up; duration: 1000">
|
|
77
|
-
<a
|
|
77
|
+
<a class="uk-alert-close" href uk-close></a>
|
|
78
78
|
<p><strong>Alert!</strong> Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
79
79
|
</div>
|
|
80
80
|
|
|
81
81
|
<div class="uk-alert-primary" uk-alert="animation: uk-animation-scale-down">
|
|
82
|
-
<a
|
|
82
|
+
<a class="uk-alert-close" href uk-close></a>
|
|
83
83
|
<p><strong>Primary!</strong> Lorem ipsum <a href="#">dolor</a> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
84
84
|
</div>
|
|
85
85
|
|
package/tests/close.html
CHANGED
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
<h1>Close</h1>
|
|
16
16
|
|
|
17
17
|
<p>
|
|
18
|
-
<a href
|
|
18
|
+
<a href uk-close></a> Link<br>
|
|
19
19
|
<button type="button" uk-close></button> Button
|
|
20
20
|
</p>
|
|
21
21
|
|
|
22
22
|
<p>
|
|
23
|
-
<a class="uk-close-large" href
|
|
23
|
+
<a class="uk-close-large" href uk-close></a> Link<br>
|
|
24
24
|
<button class="uk-close-large" type="button" uk-close></button> Button
|
|
25
25
|
</p>
|
|
26
26
|
|
package/tests/dropbar.html
CHANGED
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
|
|
150
150
|
<ul class="uk-navbar-nav">
|
|
151
151
|
<li>
|
|
152
|
-
<a href
|
|
152
|
+
<a href>Fade</a>
|
|
153
153
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="target-y: !.uk-navbar-container; stretch: x; animate-out: true">
|
|
154
154
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
155
155
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -173,7 +173,7 @@
|
|
|
173
173
|
|
|
174
174
|
<ul class="uk-navbar-nav">
|
|
175
175
|
<li>
|
|
176
|
-
<a href
|
|
176
|
+
<a href>Slide Top</a>
|
|
177
177
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="target-y: !.uk-navbar-container; stretch: x; animation: slide-top; animate-out: true">
|
|
178
178
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
179
179
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
|
|
198
198
|
<ul class="uk-navbar-nav">
|
|
199
199
|
<li>
|
|
200
|
-
<a href
|
|
200
|
+
<a href>Slide Left</a>
|
|
201
201
|
<div class="uk-dropbar uk-dropbar-left" uk-drop="target-y: !.uk-navbar-container; stretch: y; animation: slide-left; animate-out: true">
|
|
202
202
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
203
203
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -221,7 +221,7 @@
|
|
|
221
221
|
|
|
222
222
|
<ul class="uk-navbar-nav">
|
|
223
223
|
<li>
|
|
224
|
-
<a href
|
|
224
|
+
<a href>Slide Right</a>
|
|
225
225
|
<div class="uk-dropbar uk-dropbar-right" uk-drop="target-y: !.uk-navbar-container; stretch: y; animation: slide-right; animate-out: true">
|
|
226
226
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
227
227
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -250,7 +250,7 @@
|
|
|
250
250
|
|
|
251
251
|
<ul class="uk-navbar-nav">
|
|
252
252
|
<li>
|
|
253
|
-
<a href
|
|
253
|
+
<a href>Fade</a>
|
|
254
254
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="target-y: !.uk-navbar-container; stretch: true; animate-out: true">
|
|
255
255
|
|
|
256
256
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
|
|
299
299
|
<ul class="uk-navbar-nav">
|
|
300
300
|
<li>
|
|
301
|
-
<a href
|
|
301
|
+
<a href>Slide Top</a>
|
|
302
302
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="target-y: !.uk-navbar-container; stretch: true; animation: slide-top; animate-out: true">
|
|
303
303
|
|
|
304
304
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
|
|
347
347
|
<ul class="uk-navbar-nav">
|
|
348
348
|
<li>
|
|
349
|
-
<a href
|
|
349
|
+
<a href>Slide Left</a>
|
|
350
350
|
<div class="uk-dropbar uk-dropbar-left" uk-drop="target-y: !.uk-navbar-container; stretch: true; animation: slide-left; animate-out: true">
|
|
351
351
|
|
|
352
352
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -394,7 +394,7 @@
|
|
|
394
394
|
|
|
395
395
|
<ul class="uk-navbar-nav">
|
|
396
396
|
<li>
|
|
397
|
-
<a href
|
|
397
|
+
<a href>Slide Right</a>
|
|
398
398
|
<div class="uk-dropbar uk-dropbar-right" uk-drop="target-y: !.uk-navbar-container; stretch: true; animation: slide-right; animate-out: true">
|
|
399
399
|
|
|
400
400
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
@@ -450,7 +450,7 @@
|
|
|
450
450
|
</div>
|
|
451
451
|
<div class="uk-navbar-right">
|
|
452
452
|
|
|
453
|
-
<a class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon
|
|
453
|
+
<a href class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon></a>
|
|
454
454
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="mode: click; target-y: !.uk-navbar-container; stretch: true; animation: slide-top; animate-out: true">
|
|
455
455
|
|
|
456
456
|
<div class="uk-height-1-1 uk-flex uk-flex-center uk-flex-middle">
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
</div>
|
|
481
481
|
<div class="uk-navbar-right">
|
|
482
482
|
|
|
483
|
-
<a class="uk-navbar-toggle uk-navbar-toggle-animate uk-position-z-index" uk-navbar-toggle-icon
|
|
483
|
+
<a href class="uk-navbar-toggle uk-navbar-toggle-animate uk-position-z-index" uk-navbar-toggle-icon></a>
|
|
484
484
|
<div class="uk-dropbar uk-dropbar-top uk-position-z-index-zero" uk-drop="mode: click; inset: true; pos: top-center; stretch: true; animation: slide-top; animate-out: true">
|
|
485
485
|
|
|
486
486
|
<div class="uk-height-1-1 uk-flex uk-flex-center uk-flex-middle">
|
|
@@ -510,7 +510,7 @@
|
|
|
510
510
|
</div>
|
|
511
511
|
<div class="uk-navbar-right">
|
|
512
512
|
|
|
513
|
-
<a class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon
|
|
513
|
+
<a href class="uk-navbar-toggle uk-navbar-toggle-animate" uk-navbar-toggle-icon></a>
|
|
514
514
|
<div class="uk-dropbar uk-dropbar-top uk-position-z-index-negative" uk-drop="mode: click; inset: true; pos: top-center; stretch: true; animation: slide-top; animate-out: true">
|
|
515
515
|
|
|
516
516
|
<div class="uk-height-1-1 uk-flex uk-flex-center uk-flex-middle">
|
package/tests/dropnav.html
CHANGED
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
<nav uk-dropnav>
|
|
34
34
|
<ul class="uk-subnav">
|
|
35
35
|
<li class="uk-active">
|
|
36
|
-
<a href
|
|
36
|
+
<a href>Hover <span uk-drop-parent-icon></span></a>
|
|
37
37
|
<div class="uk-dropdown">
|
|
38
38
|
<ul class="uk-nav uk-dropdown-nav">
|
|
39
39
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
</div>
|
|
54
54
|
</li>
|
|
55
55
|
<li>
|
|
56
|
-
<a href
|
|
56
|
+
<a href>2 Columns <span uk-drop-parent-icon></span></a>
|
|
57
57
|
<div class="uk-dropdown uk-width-xlarge">
|
|
58
58
|
<div class="uk-child-width-1-2" uk-grid>
|
|
59
59
|
<div>
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
</div>
|
|
83
83
|
</li>
|
|
84
84
|
<li>
|
|
85
|
-
<a href
|
|
85
|
+
<a href>3 Columns <span uk-drop-parent-icon></span></a>
|
|
86
86
|
<div class="uk-dropdown uk-width-2xlarge">
|
|
87
87
|
<div class="uk-child-width-1-3" uk-grid>
|
|
88
88
|
<div>
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
</div>
|
|
109
109
|
</li>
|
|
110
110
|
<li>
|
|
111
|
-
<a href
|
|
111
|
+
<a href>Stretch <span uk-drop-parent-icon></span></a>
|
|
112
112
|
<div class="uk-dropdown" uk-drop="cls-drop: uk-dropdown; boundary: !.uk-dropnav; stretch: x; flip: false">
|
|
113
113
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
114
114
|
<div>
|
|
@@ -150,7 +150,7 @@
|
|
|
150
150
|
</div>
|
|
151
151
|
</li>
|
|
152
152
|
<li>
|
|
153
|
-
<a href
|
|
153
|
+
<a href>Stretch Full <span uk-drop-parent-icon></span></a>
|
|
154
154
|
<div class="uk-dropdown" uk-drop="cls-drop: uk-dropdown; stretch: x; flip: false">
|
|
155
155
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
156
156
|
<div>
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
<nav uk-dropnav="mode: click; align: center">
|
|
198
198
|
<ul class="uk-subnav uk-flex-center">
|
|
199
199
|
<li class="uk-active">
|
|
200
|
-
<a href
|
|
200
|
+
<a href>Click <span uk-drop-parent-icon></span></a>
|
|
201
201
|
<div class="uk-dropdown">
|
|
202
202
|
<ul class="uk-nav uk-dropdown-nav">
|
|
203
203
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -217,7 +217,7 @@
|
|
|
217
217
|
</div>
|
|
218
218
|
</li>
|
|
219
219
|
<li>
|
|
220
|
-
<a href
|
|
220
|
+
<a href>2 Columns <span uk-drop-parent-icon></span></a>
|
|
221
221
|
<div class="uk-dropdown uk-width-xlarge">
|
|
222
222
|
<div class="uk-child-width-1-2" uk-grid>
|
|
223
223
|
<div>
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
</div>
|
|
247
247
|
</li>
|
|
248
248
|
<li>
|
|
249
|
-
<a href
|
|
249
|
+
<a href>3 Columns <span uk-drop-parent-icon></span></a>
|
|
250
250
|
<div class="uk-dropdown uk-width-2xlarge">
|
|
251
251
|
<div class="uk-child-width-1-3" uk-grid>
|
|
252
252
|
<div>
|
|
@@ -272,7 +272,7 @@
|
|
|
272
272
|
</div>
|
|
273
273
|
</li>
|
|
274
274
|
<li>
|
|
275
|
-
<a href
|
|
275
|
+
<a href>Stretch <span uk-drop-parent-icon></span></a>
|
|
276
276
|
<div class="uk-dropdown" uk-drop="mode: click; cls-drop: uk-dropdown; boundary: !.uk-dropnav; stretch: x; flip: false">
|
|
277
277
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
278
278
|
<div>
|
|
@@ -314,7 +314,7 @@
|
|
|
314
314
|
</div>
|
|
315
315
|
</li>
|
|
316
316
|
<li>
|
|
317
|
-
<a href
|
|
317
|
+
<a href>Stretch Full <span uk-drop-parent-icon></span></a>
|
|
318
318
|
<div class="uk-dropdown" uk-drop="mode: click; cls-drop: uk-dropdown; stretch: x; flip: false">
|
|
319
319
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
320
320
|
<div>
|
|
@@ -370,7 +370,7 @@
|
|
|
370
370
|
<nav uk-dropnav="dropbar: true">
|
|
371
371
|
<ul class="uk-subnav">
|
|
372
372
|
<li class="uk-active">
|
|
373
|
-
<a href
|
|
373
|
+
<a href>Hover <span uk-drop-parent-icon></span></a>
|
|
374
374
|
<div class="uk-dropdown">
|
|
375
375
|
<ul class="uk-nav uk-dropdown-nav">
|
|
376
376
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -390,7 +390,7 @@
|
|
|
390
390
|
</div>
|
|
391
391
|
</li>
|
|
392
392
|
<li>
|
|
393
|
-
<a href
|
|
393
|
+
<a href>2 Columns <span uk-drop-parent-icon></span></a>
|
|
394
394
|
<div class="uk-dropdown uk-width-xlarge">
|
|
395
395
|
<div class="uk-child-width-1-2" uk-grid>
|
|
396
396
|
<div>
|
|
@@ -419,7 +419,7 @@
|
|
|
419
419
|
</div>
|
|
420
420
|
</li>
|
|
421
421
|
<li>
|
|
422
|
-
<a href
|
|
422
|
+
<a href>3 Columns <span uk-drop-parent-icon></span></a>
|
|
423
423
|
<div class="uk-dropdown uk-width-2xlarge">
|
|
424
424
|
<div class="uk-child-width-1-3" uk-grid>
|
|
425
425
|
<div>
|
|
@@ -445,7 +445,7 @@
|
|
|
445
445
|
</div>
|
|
446
446
|
</li>
|
|
447
447
|
<li>
|
|
448
|
-
<a href
|
|
448
|
+
<a href>Stretch <span uk-drop-parent-icon></span></a>
|
|
449
449
|
<div class="uk-dropdown" uk-drop="cls-drop: uk-dropdown; boundary: !.uk-dropnav; stretch: x; flip: false">
|
|
450
450
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
451
451
|
<div>
|
|
@@ -487,7 +487,7 @@
|
|
|
487
487
|
</div>
|
|
488
488
|
</li>
|
|
489
489
|
<li>
|
|
490
|
-
<a href
|
|
490
|
+
<a href>Stretch Full <span uk-drop-parent-icon></span></a>
|
|
491
491
|
<div class="uk-dropdown" uk-drop="cls-drop: uk-dropdown; stretch: x; flip: false">
|
|
492
492
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
493
493
|
<div>
|
|
@@ -534,7 +534,7 @@
|
|
|
534
534
|
<nav uk-dropnav="dropbar: true; mode: click; align: center">
|
|
535
535
|
<ul class="uk-subnav uk-flex-center">
|
|
536
536
|
<li class="uk-active">
|
|
537
|
-
<a href
|
|
537
|
+
<a href>Click <span uk-drop-parent-icon></span></a>
|
|
538
538
|
<div class="uk-dropdown">
|
|
539
539
|
<ul class="uk-nav uk-dropdown-nav">
|
|
540
540
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -554,7 +554,7 @@
|
|
|
554
554
|
</div>
|
|
555
555
|
</li>
|
|
556
556
|
<li>
|
|
557
|
-
<a href
|
|
557
|
+
<a href>2 Columns <span uk-drop-parent-icon></span></a>
|
|
558
558
|
<div class="uk-dropdown uk-width-xlarge">
|
|
559
559
|
<div class="uk-child-width-1-2" uk-grid>
|
|
560
560
|
<div>
|
|
@@ -583,7 +583,7 @@
|
|
|
583
583
|
</div>
|
|
584
584
|
</li>
|
|
585
585
|
<li>
|
|
586
|
-
<a href
|
|
586
|
+
<a href>3 Columns <span uk-drop-parent-icon></span></a>
|
|
587
587
|
<div class="uk-dropdown uk-width-2xlarge">
|
|
588
588
|
<div class="uk-child-width-1-3" uk-grid>
|
|
589
589
|
<div>
|
|
@@ -609,7 +609,7 @@
|
|
|
609
609
|
</div>
|
|
610
610
|
</li>
|
|
611
611
|
<li>
|
|
612
|
-
<a href
|
|
612
|
+
<a href>Stretch <span uk-drop-parent-icon></span></a>
|
|
613
613
|
<div class="uk-dropdown" uk-drop="mode: click; cls-drop: uk-dropdown; boundary: !.uk-dropnav; stretch: x; flip: false">
|
|
614
614
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
615
615
|
<div>
|
|
@@ -651,7 +651,7 @@
|
|
|
651
651
|
</div>
|
|
652
652
|
</li>
|
|
653
653
|
<li>
|
|
654
|
-
<a href
|
|
654
|
+
<a href>Stretch Full <span uk-drop-parent-icon></span></a>
|
|
655
655
|
<div class="uk-dropdown" uk-drop="mode: click; cls-drop: uk-dropdown; stretch: x; flip: false">
|
|
656
656
|
<div class="uk-child-width-1-3@m" uk-grid>
|
|
657
657
|
<div>
|
package/tests/index.html
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
<ul class="uk-navbar-nav">
|
|
21
21
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
22
22
|
<li>
|
|
23
|
-
<a href
|
|
23
|
+
<a href>Dropdown <span uk-navbar-parent-icon></span></a>
|
|
24
24
|
<div class="uk-navbar-dropdown">
|
|
25
25
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
26
26
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
</div>
|
|
41
41
|
</li>
|
|
42
42
|
<li>
|
|
43
|
-
<a href
|
|
43
|
+
<a href>Dropbar <span uk-navbar-parent-icon></span></a>
|
|
44
44
|
<div class="uk-dropbar uk-dropbar-top" uk-drop="pos: bottom-left; stretch: x; target-y: !.uk-navbar-container; animation: slide-top; animate-out: true">
|
|
45
45
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
46
46
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -592,7 +592,7 @@
|
|
|
592
592
|
<ul class="uk-subnav uk-subnav-divider" uk-margin>
|
|
593
593
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
594
594
|
<li>
|
|
595
|
-
<a href
|
|
595
|
+
<a href>Parent <span uk-drop-parent-icon></span></a>
|
|
596
596
|
<div class="uk-dropdown">
|
|
597
597
|
<ul class="uk-nav uk-dropdown-nav">
|
|
598
598
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
<ul class="uk-subnav uk-subnav-pill" uk-margin>
|
|
617
617
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
618
618
|
<li>
|
|
619
|
-
<a href
|
|
619
|
+
<a href>Parent <span uk-drop-parent-icon></span></a>
|
|
620
620
|
<div class="uk-dropdown">
|
|
621
621
|
<ul class="uk-nav uk-dropdown-nav">
|
|
622
622
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
@@ -639,7 +639,7 @@
|
|
|
639
639
|
<ul uk-tab>
|
|
640
640
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
641
641
|
<li>
|
|
642
|
-
<a href
|
|
642
|
+
<a href>Parent <span uk-drop-parent-icon></span></a>
|
|
643
643
|
<div uk-dropdown="mode: click">
|
|
644
644
|
<ul class="uk-nav uk-dropdown-nav">
|
|
645
645
|
<li class="uk-active"><a href="#">Active</a></li>
|
package/tests/nav.html
CHANGED
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
<ul class="uk-nav-default" uk-nav>
|
|
62
62
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
63
63
|
<li class="uk-parent">
|
|
64
|
-
<a href
|
|
64
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
65
65
|
<ul class="uk-nav-sub">
|
|
66
66
|
<li><a href="#">Sub item</a></li>
|
|
67
67
|
<li><a href="#">Sub item</a>
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
</ul>
|
|
74
74
|
</li>
|
|
75
75
|
<li class="uk-parent">
|
|
76
|
-
<a href
|
|
76
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
77
77
|
<ul class="uk-nav-sub">
|
|
78
78
|
<li><a href="#">Sub item</a></li>
|
|
79
79
|
<li><a href="#">Sub item</a></li>
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
<ul class="uk-nav-default uk-nav-center" uk-nav="multiple: true">
|
|
95
95
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
96
96
|
<li class="uk-parent">
|
|
97
|
-
<a href
|
|
97
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
98
98
|
<ul class="uk-nav-sub">
|
|
99
99
|
<li><a href="#">Sub item</a></li>
|
|
100
100
|
<li><a href="#">Sub item</a>
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
</ul>
|
|
107
107
|
</li>
|
|
108
108
|
<li class="uk-parent">
|
|
109
|
-
<a href
|
|
109
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
110
110
|
<ul class="uk-nav-sub">
|
|
111
111
|
<li><a href="#">Sub item</a></li>
|
|
112
112
|
<li><a href="#">Sub item</a></li>
|
|
@@ -174,7 +174,7 @@
|
|
|
174
174
|
<ul class="uk-nav-primary" uk-nav>
|
|
175
175
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
176
176
|
<li class="uk-parent">
|
|
177
|
-
<a href
|
|
177
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
178
178
|
<ul class="uk-nav-sub">
|
|
179
179
|
<li><a href="#">Sub item</a></li>
|
|
180
180
|
<li><a href="#">Sub item</a>
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
</ul>
|
|
187
187
|
</li>
|
|
188
188
|
<li class="uk-parent">
|
|
189
|
-
<a href
|
|
189
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
190
190
|
<ul class="uk-nav-sub">
|
|
191
191
|
<li><a href="#">Sub item</a></li>
|
|
192
192
|
<li><a href="#">Sub item</a></li>
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
<ul class="uk-nav-primary uk-nav-center" uk-nav="multiple: true">
|
|
208
208
|
<li class="uk-active"><a href="#">Active</a></li>
|
|
209
209
|
<li class="uk-parent">
|
|
210
|
-
<a href
|
|
210
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
211
211
|
<ul class="uk-nav-sub">
|
|
212
212
|
<li><a href="#">Sub item</a></li>
|
|
213
213
|
<li><a href="#">Sub item</a>
|
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
</ul>
|
|
220
220
|
</li>
|
|
221
221
|
<li class="uk-parent">
|
|
222
|
-
<a href
|
|
222
|
+
<a href>Parent <span uk-nav-parent-icon></span></a>
|
|
223
223
|
<ul class="uk-nav-sub">
|
|
224
224
|
<li><a href="#">Sub item</a></li>
|
|
225
225
|
<li><a href="#">Sub item</a></li>
|