uikit 3.14.4-dev.ca199f7a7 → 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 -0
- package/dist/css/uikit-core-rtl.css +73 -17
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +73 -17
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +73 -18
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +73 -18
- 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 +98 -66
- 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 +151 -102
- 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 +11 -5
- 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/dimensions.js +6 -6
- 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/components/utility.less +12 -3
- 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/components/utility.scss +12 -3
- 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
|
========================================================================== */
|
|
@@ -8131,15 +8178,23 @@ iframe[data-uk-cover] {
|
|
|
8131
8178
|
/* Logo
|
|
8132
8179
|
========================================================================== */
|
|
8133
8180
|
/*
|
|
8134
|
-
* 1.
|
|
8181
|
+
* 1. Style
|
|
8182
|
+
* 2. Required for `a`
|
|
8183
|
+
* 3. Behave like image but can be overridden through flex utility classes
|
|
8135
8184
|
*/
|
|
8136
8185
|
.uk-logo {
|
|
8186
|
+
/* 1 */
|
|
8137
8187
|
font-size: 1.5rem;
|
|
8138
8188
|
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";
|
|
8139
8189
|
color: #333;
|
|
8140
|
-
/*
|
|
8190
|
+
/* 2 */
|
|
8141
8191
|
text-decoration: none;
|
|
8142
8192
|
}
|
|
8193
|
+
/* 3 */
|
|
8194
|
+
:where(.uk-logo) {
|
|
8195
|
+
display: inline-block;
|
|
8196
|
+
vertical-align: middle;
|
|
8197
|
+
}
|
|
8143
8198
|
/* Hover */
|
|
8144
8199
|
.uk-logo:hover {
|
|
8145
8200
|
color: #333;
|
|
@@ -8147,7 +8202,7 @@ iframe[data-uk-cover] {
|
|
|
8147
8202
|
text-decoration: none;
|
|
8148
8203
|
}
|
|
8149
8204
|
.uk-logo > :where(img, svg, video) {
|
|
8150
|
-
display:
|
|
8205
|
+
display: block;
|
|
8151
8206
|
}
|
|
8152
8207
|
.uk-logo-inverse {
|
|
8153
8208
|
display: none;
|
|
@@ -11125,7 +11180,7 @@ iframe[data-uk-cover] {
|
|
|
11125
11180
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
|
|
11126
11181
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
|
|
11127
11182
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
|
|
11128
|
-
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");
|
|
11129
11184
|
}
|
|
11130
11185
|
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
11131
11186
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
@@ -11138,7 +11193,7 @@ iframe[data-uk-cover] {
|
|
|
11138
11193
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
11139
11194
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
11140
11195
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
|
11141
|
-
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");
|
|
11142
11197
|
}
|
|
11143
11198
|
.uk-light .uk-nav-default > li > a,
|
|
11144
11199
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
|