uikit 3.14.4-dev.310965bc8 → 3.14.4-dev.4bd89c5ca

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.
Files changed (69) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/css/uikit-core-rtl.css +93 -14
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +93 -14
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +93 -15
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +93 -15
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +7 -5
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +6 -14
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +6 -14
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +1 -1
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +3 -3
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +16 -16
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +73 -58
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +81 -64
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/images/backgrounds/nav-parent-close.svg +1 -1
  44. package/src/images/backgrounds/nav-parent-open.svg +1 -1
  45. package/src/images/backgrounds/navbar-parent-close.svg +3 -0
  46. package/src/images/backgrounds/navbar-parent-open.svg +3 -0
  47. package/src/js/components/filter.js +5 -3
  48. package/src/js/components/sortable.js +2 -3
  49. package/src/js/core/height-viewport.js +3 -1
  50. package/src/js/core/navbar.js +44 -15
  51. package/src/js/core/sticky.js +8 -9
  52. package/src/js/mixin/position.js +16 -7
  53. package/src/js/mixin/togglable.js +8 -17
  54. package/src/js/util/position.js +1 -2
  55. package/src/js/util/viewport.js +2 -27
  56. package/src/less/components/dropdown.less +8 -0
  57. package/src/less/components/navbar.less +106 -14
  58. package/src/less/theme/navbar.less +12 -6
  59. package/src/scss/components/dropdown.scss +8 -0
  60. package/src/scss/components/nav.scss +2 -2
  61. package/src/scss/components/navbar.scss +82 -14
  62. package/src/scss/mixins-theme.scss +25 -4
  63. package/src/scss/mixins.scss +24 -0
  64. package/src/scss/theme/navbar.scss +11 -2
  65. package/src/scss/variables-theme.scss +21 -6
  66. package/src/scss/variables.scss +21 -5
  67. package/tests/drop.html +66 -16
  68. package/tests/dropdown.html +103 -16
  69. package/tests/navbar.html +285 -53
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.14.4-dev.310965bc8 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.14.4-dev.4bd89c5ca | 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-right: 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%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
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%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
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,21 @@ 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 .uk-navbar-nav > .uk-parent > a::after {
5254
+ content: "";
5255
+ width: 12px;
5256
+ height: 12px;
5257
+ margin-right: 4px;
5258
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.1%22%20points%3D%221%203.5%206%208.5%2011%203.5%22%2F%3E%0A%3C%2Fsvg%3E");
5259
+ background-repeat: no-repeat;
5260
+ background-position: 50% 50%;
5261
+ }
5262
+ .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
5263
+ .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after {
5264
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.1%22%20points%3D%2211%208.5%206%203.5%201%208.5%22%20%2F%3E%0A%3C%2Fsvg%3E");
5265
+ }
5246
5266
  /* Item
5247
5267
  ========================================================================== */
5248
5268
  .uk-navbar-item {
@@ -5258,6 +5278,7 @@ ul.uk-nav-sub {
5258
5278
  /* Toggle
5259
5279
  ========================================================================== */
5260
5280
  .uk-navbar-toggle {
5281
+ padding: 0 0;
5261
5282
  color: #999;
5262
5283
  }
5263
5284
  .uk-navbar-toggle:hover,
@@ -5353,9 +5374,17 @@ ul.uk-nav-sub {
5353
5374
  .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
5354
5375
  width: 1000px;
5355
5376
  }
5377
+ /*
5378
+ * Size modifier
5379
+ */
5380
+ .uk-navbar-dropdown-large {
5381
+ --uk-position-shift-offset: 0;
5382
+ padding: 40px;
5383
+ }
5356
5384
  /*
5357
5385
  * Stretch modifier
5358
5386
  * 1. Allow scrolling
5387
+ * 2. Style
5359
5388
  */
5360
5389
  .uk-navbar-dropdown-stretch {
5361
5390
  --uk-position-offset: 0;
@@ -5364,26 +5393,38 @@ ul.uk-nav-sub {
5364
5393
  /* 1 */
5365
5394
  overflow-y: auto;
5366
5395
  -webkit-overflow-scrolling: touch;
5396
+ /* 2 */
5397
+ padding: 15px 15px 15px 15px;
5398
+ background: #fff;
5367
5399
  box-shadow: none;
5368
- background: #f8f8f8;
5400
+ }
5401
+ /* Phone landscape and bigger */
5402
+ @media (min-width: 640px) {
5403
+ .uk-navbar-dropdown-stretch {
5404
+ padding-right: 30px;
5405
+ padding-left: 30px;
5406
+ }
5407
+ }
5408
+ /* Tablet landscape and bigger */
5409
+ @media (min-width: 960px) {
5410
+ .uk-navbar-dropdown-stretch {
5411
+ padding-right: 40px;
5412
+ padding-left: 40px;
5413
+ }
5369
5414
  }
5370
5415
  /*
5371
5416
  * Dropbar modifier
5372
5417
  * 1. Reset dropdown width to prevent to early shifting
5373
- * 2. Set position
5374
- * 3. Bottom padding for dropbar
5375
- * 4. Horizontal padding
5418
+ * 2. Reset style
5419
+ * 3. Padding
5376
5420
  */
5377
5421
  .uk-navbar-dropdown-dropbar {
5378
5422
  /* 1 */
5379
5423
  width: auto;
5380
5424
  /* 2 */
5381
- --uk-position-offset: 0px;
5425
+ background: transparent;
5382
5426
  /* 3 */
5383
- margin-bottom: 0px;
5384
- /* 4 */
5385
- padding-right: 0;
5386
- padding-left: 0;
5427
+ padding: 25px 0 25px 0;
5387
5428
  --uk-position-shift-offset: 0;
5388
5429
  box-shadow: none;
5389
5430
  }
@@ -11133,7 +11174,7 @@ iframe[data-uk-cover] {
11133
11174
  .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
11134
11175
  .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
11135
11176
  .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%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
11177
+ 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
11178
  }
11138
11179
  .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11139
11180
  .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
@@ -11146,7 +11187,7 @@ iframe[data-uk-cover] {
11146
11187
  .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11147
11188
  .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11148
11189
  .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%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
11190
+ 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
11191
  }
11151
11192
  .uk-light .uk-nav-default > li > a,
11152
11193
  .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
@@ -11432,6 +11473,43 @@ iframe[data-uk-cover] {
11432
11473
  .uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a {
11433
11474
  color: #fff;
11434
11475
  }
11476
+ .uk-light .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11477
+ .uk-section-primary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11478
+ .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11479
+ .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11480
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11481
+ .uk-card-primary.uk-card-body .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11482
+ .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11483
+ .uk-card-secondary.uk-card-body .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11484
+ .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11485
+ .uk-overlay-primary .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after,
11486
+ .uk-offcanvas-bar .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after {
11487
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.5%29%22%20stroke-width%3D%221.1%22%20points%3D%221%203.5%206%208.5%2011%203.5%22%2F%3E%0A%3C%2Fsvg%3E");
11488
+ }
11489
+ .uk-light .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11490
+ .uk-light .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11491
+ .uk-section-primary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11492
+ .uk-section-primary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11493
+ .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11494
+ .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11495
+ .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11496
+ .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11497
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11498
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11499
+ .uk-card-primary.uk-card-body .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11500
+ .uk-card-primary.uk-card-body .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11501
+ .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11502
+ .uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11503
+ .uk-card-secondary.uk-card-body .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11504
+ .uk-card-secondary.uk-card-body .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11505
+ .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11506
+ .uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11507
+ .uk-overlay-primary .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11508
+ .uk-overlay-primary .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after,
11509
+ .uk-offcanvas-bar .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
11510
+ .uk-offcanvas-bar .uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after {
11511
+ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.5%29%22%20stroke-width%3D%221.1%22%20points%3D%2211%208.5%206%203.5%201%208.5%22%20%2F%3E%0A%3C%2Fsvg%3E");
11512
+ }
11435
11513
  .uk-light .uk-navbar-item,
11436
11514
  .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,
11437
11515
  .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,