uikit 3.14.4-dev.ce706e326 → 3.14.4-dev.dbd727038
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 +9 -1
- package/dist/css/uikit-core-rtl.css +62 -14
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +62 -14
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +62 -15
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +62 -15
- 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 +7 -5
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +27 -20
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +27 -20
- 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 +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +22 -7
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +22 -7
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +3 -3
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +23 -16
- 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 +84 -56
- 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 +137 -92
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/images/backgrounds/nav-parent-close.svg +1 -1
- package/src/images/backgrounds/nav-parent-open.svg +1 -1
- package/src/images/components/navbar-parent-icon.svg +3 -0
- package/src/js/components/filter.js +5 -3
- package/src/js/components/sortable.js +2 -3
- package/src/js/core/height-viewport.js +3 -1
- package/src/js/core/icon.js +2 -0
- package/src/js/core/index.js +1 -0
- package/src/js/core/navbar.js +44 -15
- package/src/js/core/sticky.js +8 -9
- package/src/js/mixin/position.js +24 -7
- package/src/js/mixin/slider-drag.js +20 -8
- package/src/js/mixin/togglable.js +8 -17
- package/src/js/util/position.js +1 -0
- package/src/js/util/viewport.js +2 -27
- package/src/less/components/dropdown.less +8 -0
- package/src/less/components/navbar.less +95 -14
- package/src/less/theme/navbar.less +4 -6
- package/src/scss/components/dropdown.scss +8 -0
- package/src/scss/components/nav.scss +2 -2
- package/src/scss/components/navbar.scss +83 -14
- package/src/scss/mixins-theme.scss +13 -4
- package/src/scss/mixins.scss +12 -0
- package/src/scss/theme/navbar.scss +3 -2
- package/src/scss/variables-theme.scss +18 -6
- package/src/scss/variables.scss +18 -5
- package/tests/drop.html +66 -16
- package/tests/dropdown.html +103 -16
- package/tests/index.html +1 -1
- package/tests/nav.html +12 -79
- package/tests/navbar.html +283 -56
package/dist/css/uikit.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.14.4-dev.
|
|
1
|
+
/*! UIkit 3.14.4-dev.dbd727038 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
2
|
/* ========================================================================
|
|
3
3
|
Component: Base
|
|
4
4
|
========================================================================== */
|
|
@@ -3549,6 +3549,11 @@ select.uk-form-width-xsmall {
|
|
|
3549
3549
|
.uk-dropdown.uk-open {
|
|
3550
3550
|
display: block;
|
|
3551
3551
|
}
|
|
3552
|
+
/* Size modifier
|
|
3553
|
+
========================================================================== */
|
|
3554
|
+
.uk-dropdown-large {
|
|
3555
|
+
padding: 40px;
|
|
3556
|
+
}
|
|
3552
3557
|
/* Stretch modifier
|
|
3553
3558
|
========================================================================== */
|
|
3554
3559
|
/*
|
|
@@ -4936,12 +4941,12 @@ ul.uk-nav-sub {
|
|
|
4936
4941
|
width: 1.5em;
|
|
4937
4942
|
height: 1.5em;
|
|
4938
4943
|
margin-left: auto;
|
|
4939
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%
|
|
4944
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
4940
4945
|
background-repeat: no-repeat;
|
|
4941
4946
|
background-position: 50% 50%;
|
|
4942
4947
|
}
|
|
4943
4948
|
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
|
4944
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%
|
|
4949
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2213%2010%207%204%201%2010%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
4945
4950
|
}
|
|
4946
4951
|
/* Header
|
|
4947
4952
|
========================================================================== */
|
|
@@ -5211,7 +5216,6 @@ ul.uk-nav-sub {
|
|
|
5211
5216
|
/* 3 */
|
|
5212
5217
|
box-sizing: border-box;
|
|
5213
5218
|
min-height: 80px;
|
|
5214
|
-
padding: 0 0;
|
|
5215
5219
|
/* 4 */
|
|
5216
5220
|
font-size: 0.875rem;
|
|
5217
5221
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
@@ -5222,6 +5226,7 @@ ul.uk-nav-sub {
|
|
|
5222
5226
|
* Nav items
|
|
5223
5227
|
*/
|
|
5224
5228
|
.uk-navbar-nav > li > a {
|
|
5229
|
+
padding: 0 0;
|
|
5225
5230
|
color: #999;
|
|
5226
5231
|
text-transform: uppercase;
|
|
5227
5232
|
transition: 0.1s ease-in-out;
|
|
@@ -5243,6 +5248,14 @@ ul.uk-nav-sub {
|
|
|
5243
5248
|
.uk-navbar-nav > li.uk-active > a {
|
|
5244
5249
|
color: #333;
|
|
5245
5250
|
}
|
|
5251
|
+
/* Parent icon modifier
|
|
5252
|
+
========================================================================== */
|
|
5253
|
+
.uk-navbar-parent-icon {
|
|
5254
|
+
margin-left: 4px;
|
|
5255
|
+
}
|
|
5256
|
+
.uk-navbar-nav > li > a[aria-expanded="true"] .uk-navbar-parent-icon {
|
|
5257
|
+
transform: rotate(180deg);
|
|
5258
|
+
}
|
|
5246
5259
|
/* Item
|
|
5247
5260
|
========================================================================== */
|
|
5248
5261
|
.uk-navbar-item {
|
|
@@ -5258,6 +5271,7 @@ ul.uk-nav-sub {
|
|
|
5258
5271
|
/* Toggle
|
|
5259
5272
|
========================================================================== */
|
|
5260
5273
|
.uk-navbar-toggle {
|
|
5274
|
+
padding: 0 0;
|
|
5261
5275
|
color: #999;
|
|
5262
5276
|
}
|
|
5263
5277
|
.uk-navbar-toggle:hover,
|
|
@@ -5353,9 +5367,17 @@ ul.uk-nav-sub {
|
|
|
5353
5367
|
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
|
|
5354
5368
|
width: 1000px;
|
|
5355
5369
|
}
|
|
5370
|
+
/*
|
|
5371
|
+
* Size modifier
|
|
5372
|
+
*/
|
|
5373
|
+
.uk-navbar-dropdown-large {
|
|
5374
|
+
--uk-position-shift-offset: 0;
|
|
5375
|
+
padding: 40px;
|
|
5376
|
+
}
|
|
5356
5377
|
/*
|
|
5357
5378
|
* Stretch modifier
|
|
5358
5379
|
* 1. Allow scrolling
|
|
5380
|
+
* 2. Style
|
|
5359
5381
|
*/
|
|
5360
5382
|
.uk-navbar-dropdown-stretch {
|
|
5361
5383
|
--uk-position-offset: 0;
|
|
@@ -5364,29 +5386,54 @@ ul.uk-nav-sub {
|
|
|
5364
5386
|
/* 1 */
|
|
5365
5387
|
overflow-y: auto;
|
|
5366
5388
|
-webkit-overflow-scrolling: touch;
|
|
5389
|
+
/* 2 */
|
|
5390
|
+
padding: 15px 15px 15px 15px;
|
|
5391
|
+
background: #fff;
|
|
5367
5392
|
box-shadow: none;
|
|
5368
|
-
|
|
5393
|
+
}
|
|
5394
|
+
/* Phone landscape and bigger */
|
|
5395
|
+
@media (min-width: 640px) {
|
|
5396
|
+
.uk-navbar-dropdown-stretch {
|
|
5397
|
+
padding-left: 30px;
|
|
5398
|
+
padding-right: 30px;
|
|
5399
|
+
}
|
|
5400
|
+
}
|
|
5401
|
+
/* Tablet landscape and bigger */
|
|
5402
|
+
@media (min-width: 960px) {
|
|
5403
|
+
.uk-navbar-dropdown-stretch {
|
|
5404
|
+
padding-left: 40px;
|
|
5405
|
+
padding-right: 40px;
|
|
5406
|
+
}
|
|
5369
5407
|
}
|
|
5370
5408
|
/*
|
|
5371
5409
|
* Dropbar modifier
|
|
5372
5410
|
* 1. Reset dropdown width to prevent to early shifting
|
|
5373
|
-
* 2.
|
|
5374
|
-
* 3.
|
|
5375
|
-
* 4. Horizontal padding
|
|
5411
|
+
* 2. Reset style
|
|
5412
|
+
* 3. Padding
|
|
5376
5413
|
*/
|
|
5377
5414
|
.uk-navbar-dropdown-dropbar {
|
|
5378
5415
|
/* 1 */
|
|
5379
5416
|
width: auto;
|
|
5380
5417
|
/* 2 */
|
|
5381
|
-
|
|
5418
|
+
background: transparent;
|
|
5382
5419
|
/* 3 */
|
|
5383
|
-
|
|
5384
|
-
/* 4 */
|
|
5385
|
-
padding-left: 0;
|
|
5386
|
-
padding-right: 0;
|
|
5420
|
+
padding: 25px 0 25px 0;
|
|
5387
5421
|
--uk-position-shift-offset: 0;
|
|
5422
|
+
--uk-position-viewport-offset: 15px;
|
|
5388
5423
|
box-shadow: none;
|
|
5389
5424
|
}
|
|
5425
|
+
/* Phone landscape and bigger */
|
|
5426
|
+
@media (min-width: 640px) {
|
|
5427
|
+
.uk-navbar-dropdown-dropbar {
|
|
5428
|
+
--uk-position-viewport-offset: 30px;
|
|
5429
|
+
}
|
|
5430
|
+
}
|
|
5431
|
+
/* Tablet landscape and bigger */
|
|
5432
|
+
@media (min-width: 960px) {
|
|
5433
|
+
.uk-navbar-dropdown-dropbar {
|
|
5434
|
+
--uk-position-viewport-offset: 40px;
|
|
5435
|
+
}
|
|
5436
|
+
}
|
|
5390
5437
|
/* Dropdown Nav
|
|
5391
5438
|
* Adopts `uk-nav`
|
|
5392
5439
|
========================================================================== */
|
|
@@ -11133,7 +11180,7 @@ iframe[data-uk-cover] {
|
|
|
11133
11180
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
|
|
11134
11181
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
|
|
11135
11182
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
|
|
11136
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%
|
|
11183
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
11137
11184
|
}
|
|
11138
11185
|
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
11139
11186
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
@@ -11146,7 +11193,7 @@ iframe[data-uk-cover] {
|
|
|
11146
11193
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
11147
11194
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
11148
11195
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
|
11149
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%
|
|
11196
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2213%2010%207%204%201%2010%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
11150
11197
|
}
|
|
11151
11198
|
.uk-light .uk-nav-default > li > a,
|
|
11152
11199
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
|