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.
Files changed (73) hide show
  1. package/CHANGELOG.md +9 -1
  2. package/dist/css/uikit-core-rtl.css +62 -14
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +62 -14
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +62 -15
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +62 -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 +27 -20
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +27 -20
  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 +22 -7
  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 +22 -7
  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 +23 -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 +84 -56
  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 +137 -92
  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/components/navbar-parent-icon.svg +3 -0
  46. package/src/js/components/filter.js +5 -3
  47. package/src/js/components/sortable.js +2 -3
  48. package/src/js/core/height-viewport.js +3 -1
  49. package/src/js/core/icon.js +2 -0
  50. package/src/js/core/index.js +1 -0
  51. package/src/js/core/navbar.js +44 -15
  52. package/src/js/core/sticky.js +8 -9
  53. package/src/js/mixin/position.js +24 -7
  54. package/src/js/mixin/slider-drag.js +20 -8
  55. package/src/js/mixin/togglable.js +8 -17
  56. package/src/js/util/position.js +1 -0
  57. package/src/js/util/viewport.js +2 -27
  58. package/src/less/components/dropdown.less +8 -0
  59. package/src/less/components/navbar.less +95 -14
  60. package/src/less/theme/navbar.less +4 -6
  61. package/src/scss/components/dropdown.scss +8 -0
  62. package/src/scss/components/nav.scss +2 -2
  63. package/src/scss/components/navbar.scss +83 -14
  64. package/src/scss/mixins-theme.scss +13 -4
  65. package/src/scss/mixins.scss +12 -0
  66. package/src/scss/theme/navbar.scss +3 -2
  67. package/src/scss/variables-theme.scss +18 -6
  68. package/src/scss/variables.scss +18 -5
  69. package/tests/drop.html +66 -16
  70. package/tests/dropdown.html +103 -16
  71. package/tests/index.html +1 -1
  72. package/tests/nav.html +12 -79
  73. package/tests/navbar.html +283 -56
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.14.4-dev.ce706e326 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
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%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,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
- background: #f8f8f8;
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. Set position
5374
- * 3. Bottom padding for dropbar
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
- --uk-position-offset: 0px;
5418
+ background: transparent;
5382
5419
  /* 3 */
5383
- margin-bottom: 0px;
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%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
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%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
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,