uikit 3.14.4-dev.e3664d0d2 → 3.14.4-dev.f2e3be255

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 (61) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/css/uikit-core-rtl.css +41 -14
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +41 -14
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +41 -15
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +41 -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 +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +1 -1
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -1
  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 +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +11 -3
  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 +57 -20
  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 +57 -20
  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/core/navbar.js +44 -15
  48. package/src/js/mixin/position.js +16 -7
  49. package/src/less/components/dropdown.less +8 -0
  50. package/src/less/components/navbar.less +52 -13
  51. package/src/less/theme/navbar.less +4 -6
  52. package/src/scss/components/dropdown.scss +8 -0
  53. package/src/scss/components/nav.scss +2 -2
  54. package/src/scss/components/navbar.scss +52 -13
  55. package/src/scss/mixins-theme.scss +1 -4
  56. package/src/scss/theme/navbar.scss +3 -2
  57. package/src/scss/variables-theme.scss +16 -6
  58. package/src/scss/variables.scss +16 -5
  59. package/tests/drop.html +66 -16
  60. package/tests/dropdown.html +103 -16
  61. package/tests/navbar.html +281 -49
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.14.4-dev.e3664d0d2 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.14.4-dev.f2e3be255 | 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,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-left: auto;
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,16 @@ 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
+ padding: 40px;
5382
+ }
5356
5383
  /*
5357
5384
  * Stretch modifier
5358
5385
  * 1. Allow scrolling
5386
+ * 2. Style
5359
5387
  */
5360
5388
  .uk-navbar-dropdown-stretch {
5361
5389
  --uk-position-offset: 0;
@@ -5364,26 +5392,24 @@ ul.uk-nav-sub {
5364
5392
  /* 1 */
5365
5393
  overflow-y: auto;
5366
5394
  -webkit-overflow-scrolling: touch;
5395
+ /* 2 */
5396
+ padding: 15px 15px 15px 15px;
5397
+ background: #fff;
5367
5398
  box-shadow: none;
5368
- background: #f8f8f8;
5369
5399
  }
5370
5400
  /*
5371
5401
  * Dropbar modifier
5372
5402
  * 1. Reset dropdown width to prevent to early shifting
5373
- * 2. Set position
5374
- * 3. Bottom padding for dropbar
5375
- * 4. Horizontal padding
5403
+ * 2. Reset style
5404
+ * 3. Padding
5376
5405
  */
5377
5406
  .uk-navbar-dropdown-dropbar {
5378
5407
  /* 1 */
5379
5408
  width: auto;
5380
5409
  /* 2 */
5381
- --uk-position-offset: 0px;
5410
+ background: transparent;
5382
5411
  /* 3 */
5383
- margin-bottom: 0px;
5384
- /* 4 */
5385
- padding-left: 0;
5386
- padding-right: 0;
5412
+ padding: 25px 0 25px 0;
5387
5413
  --uk-position-shift-offset: 0;
5388
5414
  box-shadow: none;
5389
5415
  }
@@ -11133,7 +11159,7 @@ iframe[data-uk-cover] {
11133
11159
  .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
11134
11160
  .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
11135
11161
  .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");
11162
+ 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
11163
  }
11138
11164
  .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11139
11165
  .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
@@ -11146,7 +11172,7 @@ iframe[data-uk-cover] {
11146
11172
  .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11147
11173
  .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11148
11174
  .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");
11175
+ 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
11176
  }
11151
11177
  .uk-light .uk-nav-default > li > a,
11152
11178
  .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,