uikit 3.19.2 → 3.19.3-dev.a3bfd535a
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/build/util.js +37 -2
- 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 +4 -2
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +4 -2
- 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 +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +2 -5
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +4 -2
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +2 -5
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +4 -2
- 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 +8 -6
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +36 -36
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +12 -11
- package/dist/js/uikit.min.js +1 -1
- package/eslint.config.js +32 -0
- package/package.json +7 -5
- package/src/js/components/slider-parallax.js +2 -6
- package/src/js/core/form-custom.js +1 -1
- package/src/js/core/sticky.js +5 -4
- package/src/js/mixin/slider-nav.js +4 -1
- package/tests/breadcrumb.html +1 -1
- package/tests/image.html +32 -32
- package/tests/index.html +18 -16
- package/tests/pagination.html +72 -62
- package/tests/slider.html +150 -150
- package/tests/slideshow.html +70 -70
- package/tests/thumbnav.html +5 -5
- package/.eslintrc.json +0 -18
- package/.webstorm.js +0 -6
- package/build/.eslintrc.json +0 -22
package/eslint.config.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
const eslintJs = require('@eslint/js');
|
|
2
|
+
const eslintConfigPrettier = require('eslint-config-prettier');
|
|
3
|
+
const globals = require('globals');
|
|
4
|
+
|
|
5
|
+
module.exports = [
|
|
6
|
+
eslintJs.configs.recommended,
|
|
7
|
+
eslintConfigPrettier,
|
|
8
|
+
{
|
|
9
|
+
rules: {
|
|
10
|
+
'no-unused-vars': ['error', { caughtErrors: 'none' }],
|
|
11
|
+
},
|
|
12
|
+
languageOptions: {
|
|
13
|
+
ecmaVersion: 2022,
|
|
14
|
+
sourceType: 'module',
|
|
15
|
+
globals: {
|
|
16
|
+
...globals.browser,
|
|
17
|
+
VERSION: true,
|
|
18
|
+
LOG: true,
|
|
19
|
+
ICONS: true,
|
|
20
|
+
NAME: true,
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
files: ['build/*.js', 'eslint.config.js'],
|
|
26
|
+
languageOptions: {
|
|
27
|
+
globals: {
|
|
28
|
+
...globals.node,
|
|
29
|
+
},
|
|
30
|
+
},
|
|
31
|
+
},
|
|
32
|
+
];
|
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.19.
|
|
5
|
+
"version": "3.19.3-dev.a3bfd535a",
|
|
6
6
|
"main": "dist/js/uikit.js",
|
|
7
7
|
"style": "dist/css/uikit.css",
|
|
8
8
|
"sideEffects": [
|
|
@@ -19,8 +19,9 @@
|
|
|
19
19
|
"url": "https://github.com/uikit/uikit/issues"
|
|
20
20
|
},
|
|
21
21
|
"homepage": "https://getuikit.com",
|
|
22
|
-
"packageManager": "pnpm@8.15.
|
|
22
|
+
"packageManager": "pnpm@8.15.6",
|
|
23
23
|
"devDependencies": {
|
|
24
|
+
"@eslint/js": "^9.0.0",
|
|
24
25
|
"@rollup/plugin-alias": "^5.1.0",
|
|
25
26
|
"@rollup/plugin-replace": "^5.0.5",
|
|
26
27
|
"archiver": "^7.0.1",
|
|
@@ -29,11 +30,12 @@
|
|
|
29
30
|
"clean-css": "^5.3.3",
|
|
30
31
|
"dateformat": "^5.0.3",
|
|
31
32
|
"esbuild": "^0.20.1",
|
|
32
|
-
"eslint": "^
|
|
33
|
+
"eslint": "^9.0.0",
|
|
33
34
|
"eslint-config-prettier": "^9.1.0",
|
|
34
35
|
"execa": "^8.0.1",
|
|
35
36
|
"fs-extra": "^11.2.0",
|
|
36
37
|
"glob": "^10.3.10",
|
|
38
|
+
"globals": "^15.0.0",
|
|
37
39
|
"inquirer": "^9.2.15",
|
|
38
40
|
"less": "^4.2.0",
|
|
39
41
|
"minimist": "^1.2.8",
|
|
@@ -59,7 +61,7 @@
|
|
|
59
61
|
"scope": "node build/scope",
|
|
60
62
|
"release": "node build/release",
|
|
61
63
|
"watch": "chokidar \"**/*.less\" --initial -i \"node_modules\" -c \"node build/less\"",
|
|
62
|
-
"eslint": "eslint src/js",
|
|
63
|
-
"eslint-fix": "eslint --fix src/js"
|
|
64
|
+
"eslint": "eslint src/js build/*.js",
|
|
65
|
+
"eslint-fix": "eslint --fix src/js build/*.js"
|
|
64
66
|
}
|
|
65
67
|
}
|
|
@@ -1,15 +1,11 @@
|
|
|
1
|
-
import { css, endsWith, fastdom, noop,
|
|
1
|
+
import { closest, css, endsWith, fastdom, noop, Transition } from 'uikit-util';
|
|
2
2
|
import Parallax from '../mixin/parallax';
|
|
3
3
|
|
|
4
4
|
export default {
|
|
5
5
|
mixins: [Parallax],
|
|
6
6
|
|
|
7
|
-
data: {
|
|
8
|
-
selItem: '!li',
|
|
9
|
-
},
|
|
10
|
-
|
|
11
7
|
beforeConnect() {
|
|
12
|
-
this.item =
|
|
8
|
+
this.item = closest(this.$el, `.${this.$options.id.replace('parallax', 'items')} > *`);
|
|
13
9
|
},
|
|
14
10
|
|
|
15
11
|
disconnected() {
|
|
@@ -43,7 +43,7 @@ export default {
|
|
|
43
43
|
const value = input.files?.[0]
|
|
44
44
|
? input.files[0].name
|
|
45
45
|
: matches(input, 'select') &&
|
|
46
|
-
(option = $$('option', input).filter((el) => el.selected)[0])
|
|
46
|
+
(option = $$('option', input).filter((el) => el.selected)[0])
|
|
47
47
|
? option.textContent
|
|
48
48
|
: input.value;
|
|
49
49
|
|
package/src/js/core/sticky.js
CHANGED
|
@@ -136,11 +136,12 @@ export default {
|
|
|
136
136
|
const elOffset = getOffset(this.$el);
|
|
137
137
|
|
|
138
138
|
if (this.isFixed && intersectRect(targetOffset, elOffset)) {
|
|
139
|
-
scrollingElement.scrollTop =
|
|
139
|
+
scrollingElement.scrollTop = Math.ceil(
|
|
140
140
|
targetOffset.top -
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
141
|
+
elOffset.height -
|
|
142
|
+
toPx(this.targetOffset, 'height', this.placeholder) -
|
|
143
|
+
toPx(this.offset, 'height', this.placeholder),
|
|
144
|
+
);
|
|
144
145
|
}
|
|
145
146
|
});
|
|
146
147
|
},
|
|
@@ -7,6 +7,7 @@ import {
|
|
|
7
7
|
data,
|
|
8
8
|
empty,
|
|
9
9
|
isNumeric,
|
|
10
|
+
isTag,
|
|
10
11
|
matches,
|
|
11
12
|
parent,
|
|
12
13
|
toFloat,
|
|
@@ -54,7 +55,9 @@ export default {
|
|
|
54
55
|
},
|
|
55
56
|
|
|
56
57
|
list(list) {
|
|
57
|
-
|
|
58
|
+
if (isTag(list, 'ul')) {
|
|
59
|
+
attr(list, 'role', 'presentation');
|
|
60
|
+
}
|
|
58
61
|
},
|
|
59
62
|
|
|
60
63
|
navChildren(children) {
|
package/tests/breadcrumb.html
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
<li><a href="#">Home</a></li>
|
|
20
20
|
<li><a href="#">Linked Category</a></li>
|
|
21
21
|
<li class="uk-disabled"><a>Disabled Category</a></li>
|
|
22
|
-
<li><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></li>
|
|
22
|
+
<li><span aria-current="page">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</span></li>
|
|
23
23
|
</ul>
|
|
24
24
|
</nav>
|
|
25
25
|
|
package/tests/image.html
CHANGED
|
@@ -497,36 +497,36 @@
|
|
|
497
497
|
|
|
498
498
|
<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slideshow="ratio: 3:2; autoplay: false">
|
|
499
499
|
|
|
500
|
-
<
|
|
501
|
-
<
|
|
500
|
+
<div class="uk-slideshow-items">
|
|
501
|
+
<div>
|
|
502
502
|
<img data-src="images/photo.jpg" alt="" uk-cover uk-img="target: !.uk-slideshow-items > :last-child, !* +*">
|
|
503
503
|
<div class="uk-position-center uk-position-small uk-text-center">
|
|
504
504
|
<h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
|
|
505
505
|
<p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
|
|
506
506
|
</div>
|
|
507
|
-
</
|
|
508
|
-
<
|
|
507
|
+
</div>
|
|
508
|
+
<div>
|
|
509
509
|
<img data-src="images/dark.jpg" alt="" uk-cover uk-img="target: !* -*, !* +*">
|
|
510
510
|
<div class="uk-position-center uk-position-small uk-text-center">
|
|
511
511
|
<h2 uk-slideshow-parallax="x: 100,-100">Heading</h2>
|
|
512
512
|
<p uk-slideshow-parallax="x: 200,-200">Lorem ipsum dolor sit amet.</p>
|
|
513
513
|
</div>
|
|
514
|
-
</
|
|
515
|
-
<
|
|
514
|
+
</div>
|
|
515
|
+
<div>
|
|
516
516
|
<img data-src="images/light.jpg" alt="" uk-cover uk-img="target: !* -*, !* +*">
|
|
517
517
|
<div class="uk-position-center uk-position-small uk-text-center">
|
|
518
518
|
<h2 uk-slideshow-parallax="y: -50,0,0; opacity: 1,1,0">Heading</h2>
|
|
519
519
|
<p uk-slideshow-parallax="y: 50,0,0; opacity: 1,1,0">Lorem ipsum dolor sit amet.</p>
|
|
520
520
|
</div>
|
|
521
|
-
</
|
|
522
|
-
<
|
|
521
|
+
</div>
|
|
522
|
+
<div>
|
|
523
523
|
<img data-src="images/photo2.jpg" alt="" uk-cover uk-img="target: !* -*, !.uk-slideshow-items > :first-child">
|
|
524
524
|
<div class="uk-position-center uk-position-small uk-text-center">
|
|
525
525
|
<h2 uk-slideshow-parallax="x: 200,0,0">Heading</h2>
|
|
526
526
|
<p uk-slideshow-parallax="x: 0,0,-200">Lorem ipsum dolor sit amet.</p>
|
|
527
527
|
</div>
|
|
528
|
-
</
|
|
529
|
-
</
|
|
528
|
+
</div>
|
|
529
|
+
</div>
|
|
530
530
|
|
|
531
531
|
<a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slideshow-item="previous"></a>
|
|
532
532
|
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slideshow-item="next"></a>
|
|
@@ -538,48 +538,48 @@
|
|
|
538
538
|
|
|
539
539
|
<div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slider="clsActivated: uk-transition-active">
|
|
540
540
|
|
|
541
|
-
<
|
|
542
|
-
<
|
|
541
|
+
<div class="uk-slider-items uk-child-width-1-2@s uk-child-width-1-3@m">
|
|
542
|
+
<div>
|
|
543
543
|
<img data-src="images/slider1.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
544
544
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">1</h1></div>
|
|
545
|
-
</
|
|
546
|
-
<
|
|
545
|
+
</div>
|
|
546
|
+
<div>
|
|
547
547
|
<img data-src="images/slider2.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
548
548
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">2</h1></div>
|
|
549
|
-
</
|
|
550
|
-
<
|
|
549
|
+
</div>
|
|
550
|
+
<div>
|
|
551
551
|
<img data-src="images/slider3.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
552
552
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">3</h1></div>
|
|
553
|
-
</
|
|
554
|
-
<
|
|
553
|
+
</div>
|
|
554
|
+
<div>
|
|
555
555
|
<img data-src="images/slider4.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
556
556
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">4</h1></div>
|
|
557
|
-
</
|
|
558
|
-
<
|
|
557
|
+
</div>
|
|
558
|
+
<div>
|
|
559
559
|
<img data-src="images/slider5.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
560
560
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">5</h1></div>
|
|
561
|
-
</
|
|
562
|
-
<
|
|
561
|
+
</div>
|
|
562
|
+
<div>
|
|
563
563
|
<img data-src="images/slider1.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
564
564
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">6</h1></div>
|
|
565
|
-
</
|
|
566
|
-
<
|
|
565
|
+
</div>
|
|
566
|
+
<div>
|
|
567
567
|
<img data-src="images/slider2.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
568
568
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">7</h1></div>
|
|
569
|
-
</
|
|
570
|
-
<
|
|
569
|
+
</div>
|
|
570
|
+
<div>
|
|
571
571
|
<img data-src="images/slider3.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
572
572
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">8</h1></div>
|
|
573
|
-
</
|
|
574
|
-
<
|
|
573
|
+
</div>
|
|
574
|
+
<div>
|
|
575
575
|
<img data-src="images/slider4.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
576
576
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">9</h1></div>
|
|
577
|
-
</
|
|
578
|
-
<
|
|
577
|
+
</div>
|
|
578
|
+
<div>
|
|
579
579
|
<img data-src="images/slider5.jpg" width="400" height="600" alt="" uk-img="target: !.uk-slider-items">
|
|
580
580
|
<div class="uk-position-center uk-panel"><h1 class="uk-transition-slide-bottom-small">10</h1></div>
|
|
581
|
-
</
|
|
582
|
-
</
|
|
581
|
+
</div>
|
|
582
|
+
</div>
|
|
583
583
|
|
|
584
584
|
<a class="uk-position-center-left uk-position-small uk-hidden-hover" href uk-slidenav-previous uk-slider-item="previous"></a>
|
|
585
585
|
<a class="uk-position-center-right uk-position-small uk-hidden-hover" href uk-slidenav-next uk-slider-item="next"></a>
|
package/tests/index.html
CHANGED
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
<li><a href="#">Home</a></li>
|
|
85
85
|
<li><a href="#">Blog</a></li>
|
|
86
86
|
<li class="uk-disabled"><a>Category</a></li>
|
|
87
|
-
<li><span>Post</span></li>
|
|
87
|
+
<li><span aria-current="page">Post</span></li>
|
|
88
88
|
</ul>
|
|
89
89
|
</nav>
|
|
90
90
|
|
|
@@ -233,21 +233,23 @@
|
|
|
233
233
|
</li>
|
|
234
234
|
</ul>
|
|
235
235
|
|
|
236
|
-
<
|
|
237
|
-
<
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
236
|
+
<nav aria-label="Pagination">
|
|
237
|
+
<ul class="uk-pagination uk-flex-center" uk-margin>
|
|
238
|
+
<li><a href="#"><span uk-pagination-previous></span></a></li>
|
|
239
|
+
<li><a href="#">1</a></li>
|
|
240
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
241
|
+
<li><a href="#">4</a></li>
|
|
242
|
+
<li><a href="#">5</a></li>
|
|
243
|
+
<li><a href="#">6</a></li>
|
|
244
|
+
<li class="uk-active"><span aria-current="page">7</span></li>
|
|
245
|
+
<li><a href="#">8</a></li>
|
|
246
|
+
<li><a href="#">9</a></li>
|
|
247
|
+
<li><a href="#">10</a></li>
|
|
248
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
249
|
+
<li><a href="#">20</a></li>
|
|
250
|
+
<li><a href="#"><span uk-pagination-next></span></a></li>
|
|
251
|
+
</ul>
|
|
252
|
+
</nav>
|
|
251
253
|
|
|
252
254
|
</div>
|
|
253
255
|
<div class="uk-width-expand@m">
|
package/tests/pagination.html
CHANGED
|
@@ -14,71 +14,81 @@
|
|
|
14
14
|
|
|
15
15
|
<h1>Pagination</h1>
|
|
16
16
|
|
|
17
|
-
<
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
<
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
17
|
+
<nav aria-label="Pagination">
|
|
18
|
+
<ul class="uk-pagination" uk-margin>
|
|
19
|
+
<li class="uk-disabled"><a href><span uk-pagination-previous></span></a></li>
|
|
20
|
+
<li><a href="#"><span uk-pagination-previous></span></a></li>
|
|
21
|
+
<li><a href="#">1</a></li>
|
|
22
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
23
|
+
<li><a href="#">4</a></li>
|
|
24
|
+
<li><a href="#">5</a></li>
|
|
25
|
+
<li><a href="#">6</a></li>
|
|
26
|
+
<li class="uk-active"><span aria-current="page">7</span></li>
|
|
27
|
+
<li><a href="#">8</a></li>
|
|
28
|
+
<li><a href="#">9</a></li>
|
|
29
|
+
<li><a href="#">10</a></li>
|
|
30
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
31
|
+
<li><a href="#">20</a></li>
|
|
32
|
+
<li><a href="#"><span uk-pagination-next></span></a></li>
|
|
33
|
+
<li class="uk-disabled"><a href><span uk-pagination-next></span></a></li>
|
|
34
|
+
</ul>
|
|
35
|
+
</nav>
|
|
36
|
+
|
|
37
|
+
<nav aria-label="Pagination">
|
|
38
|
+
<ul class="uk-pagination uk-flex-center" uk-margin>
|
|
39
|
+
<li class="uk-disabled"><a href><span uk-pagination-previous></span></a></li>
|
|
40
|
+
<li><a href="#"><span uk-pagination-previous></span></a></li>
|
|
41
|
+
<li><a href="#">1</a></li>
|
|
42
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
43
|
+
<li><a href="#">4</a></li>
|
|
44
|
+
<li><a href="#">5</a></li>
|
|
45
|
+
<li><a href="#">6</a></li>
|
|
46
|
+
<li class="uk-active"><span aria-current="page">7</span></li>
|
|
47
|
+
<li><a href="#">8</a></li>
|
|
48
|
+
<li><a href="#">9</a></li>
|
|
49
|
+
<li><a href="#">10</a></li>
|
|
50
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
51
|
+
<li><a href="#">20</a></li>
|
|
52
|
+
<li><a href="#"><span uk-pagination-next></span></a></li>
|
|
53
|
+
<li class="uk-disabled"><a href><span uk-pagination-next></span></a></li>
|
|
54
|
+
</ul>
|
|
55
|
+
</nav>
|
|
56
|
+
|
|
57
|
+
<nav aria-label="Pagination">
|
|
58
|
+
<ul class="uk-pagination uk-flex-right" uk-margin>
|
|
59
|
+
<li class="uk-disabled"><a href><span uk-pagination-previous></span></a></li>
|
|
60
|
+
<li><a href="#"><span uk-pagination-previous></span></a></li>
|
|
61
|
+
<li><a href="#">1</a></li>
|
|
62
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
63
|
+
<li><a href="#">4</a></li>
|
|
64
|
+
<li><a href="#">5</a></li>
|
|
65
|
+
<li><a href="#">6</a></li>
|
|
66
|
+
<li class="uk-active"><span aria-current="page">7</span></li>
|
|
67
|
+
<li><a href="#">8</a></li>
|
|
68
|
+
<li><a href="#">9</a></li>
|
|
69
|
+
<li><a href="#">10</a></li>
|
|
70
|
+
<li class="uk-disabled"><span>…</span></li>
|
|
71
|
+
<li><a href="#">20</a></li>
|
|
72
|
+
<li><a href="#"><span uk-pagination-next></span></a></li>
|
|
73
|
+
<li class="uk-disabled"><a href><span uk-pagination-next></span></a></li>
|
|
74
|
+
</ul>
|
|
75
|
+
</nav>
|
|
70
76
|
|
|
71
77
|
<h2>Previous/Next</h2>
|
|
72
78
|
|
|
73
|
-
<
|
|
74
|
-
<
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
79
|
+
<nav>
|
|
80
|
+
<ul class="uk-pagination uk-flex-center">
|
|
81
|
+
<li><a href="#"><span uk-pagination-previous></span> Previous</a></li>
|
|
82
|
+
<li><a href="#">Next <span uk-pagination-next></span></a></li>
|
|
83
|
+
</ul>
|
|
84
|
+
</nav>
|
|
85
|
+
|
|
86
|
+
<nav>
|
|
87
|
+
<ul class="uk-pagination">
|
|
88
|
+
<li><a href="#"><span uk-pagination-previous></span> Previous</a></li>
|
|
89
|
+
<li class="uk-margin-auto-left"><a href="#">Next <span uk-pagination-next></span></a></li>
|
|
90
|
+
</ul>
|
|
91
|
+
</nav>
|
|
82
92
|
|
|
83
93
|
<h2>Javascript Options</h2>
|
|
84
94
|
|