uikit 3.14.4-dev.310965bc8 → 3.14.4-dev.51a1b06ef

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 (86) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/css/uikit-core-rtl.css +114 -63
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +114 -63
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +114 -64
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +114 -64
  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 +4 -5
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +4 -5
  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 +4 -5
  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 +19 -19
  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 +144 -94
  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 +152 -100
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/images/{backgrounds/nav-parent-open.svg → components/nav-parent-icon-large.svg} +0 -0
  44. package/src/images/components/nav-parent-icon.svg +3 -0
  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 +6 -2
  49. package/src/js/core/icon.js +16 -0
  50. package/src/js/core/index.js +2 -0
  51. package/src/js/core/leader.js +2 -2
  52. package/src/js/core/navbar.js +44 -15
  53. package/src/js/core/scroll.js +37 -10
  54. package/src/js/core/sticky.js +8 -9
  55. package/src/js/mixin/media.js +4 -5
  56. package/src/js/mixin/position.js +19 -11
  57. package/src/js/mixin/togglable.js +8 -17
  58. package/src/js/util/position.js +1 -2
  59. package/src/js/util/style.js +4 -13
  60. package/src/js/util/viewport.js +4 -31
  61. package/src/less/components/dropdown.less +14 -0
  62. package/src/less/components/leader.less +1 -1
  63. package/src/less/components/nav.less +15 -40
  64. package/src/less/components/navbar.less +100 -13
  65. package/src/less/components/utility.less +10 -2
  66. package/src/less/theme/nav.less +0 -8
  67. package/src/less/theme/navbar.less +4 -6
  68. package/src/scss/components/dropdown.scss +14 -0
  69. package/src/scss/components/leader.scss +1 -1
  70. package/src/scss/components/nav.scss +14 -28
  71. package/src/scss/components/navbar.scss +88 -13
  72. package/src/scss/components/utility.scss +8 -1
  73. package/src/scss/mixins-theme.scss +17 -19
  74. package/src/scss/mixins.scss +16 -15
  75. package/src/scss/theme/nav.scss +0 -8
  76. package/src/scss/theme/navbar.scss +3 -2
  77. package/src/scss/variables-theme.scss +17 -11
  78. package/src/scss/variables.scss +17 -10
  79. package/tests/drop.html +66 -16
  80. package/tests/dropdown.html +103 -16
  81. package/tests/index.html +4 -4
  82. package/tests/nav.html +22 -89
  83. package/tests/navbar.html +284 -63
  84. package/tests/offcanvas.html +16 -16
  85. package/tests/utility.html +19 -0
  86. package/src/images/backgrounds/nav-parent-close.svg +0 -3
package/tests/offcanvas.html CHANGED
@@ -142,10 +142,10 @@
142
142
 
143
143
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
144
144
 
145
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
145
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
146
146
  <li class="uk-active"><a href="#">Active</a></li>
147
147
  <li class="uk-parent">
148
- <a href="#">Parent</a>
148
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
149
149
  <ul class="uk-nav-sub">
150
150
  <li><a href="#">Sub item</a></li>
151
151
  <li><a href="#">Sub item</a></li>
@@ -189,10 +189,10 @@
189
189
 
190
190
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
191
191
 
192
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
192
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
193
193
  <li class="uk-active"><a href="#">Active</a></li>
194
194
  <li class="uk-parent">
195
- <a href="#">Parent</a>
195
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
196
196
  <ul class="uk-nav-sub">
197
197
  <li><a href="#">Sub item</a></li>
198
198
  <li><a href="#">Sub item</a></li>
@@ -236,10 +236,10 @@
236
236
 
237
237
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
238
238
 
239
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
239
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
240
240
  <li class="uk-active"><a href="#">Active</a></li>
241
241
  <li class="uk-parent">
242
- <a href="#">Parent</a>
242
+ <a href="#">Parent <span uk-nav-parent-icon></span>/a>
243
243
  <ul class="uk-nav-sub">
244
244
  <li><a href="#">Sub item</a></li>
245
245
  <li><a href="#">Sub item</a></li>
@@ -283,10 +283,10 @@
283
283
 
284
284
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
285
285
 
286
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
286
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
287
287
  <li class="uk-active"><a href="#">Active</a></li>
288
288
  <li class="uk-parent">
289
- <a href="#">Parent</a>
289
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
290
290
  <ul class="uk-nav-sub">
291
291
  <li><a href="#">Sub item</a></li>
292
292
  <li><a href="#">Sub item</a></li>
@@ -330,10 +330,10 @@
330
330
 
331
331
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
332
332
 
333
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
333
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
334
334
  <li class="uk-active"><a href="#">Active</a></li>
335
335
  <li class="uk-parent">
336
- <a href="#">Parent</a>
336
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
337
337
  <ul class="uk-nav-sub">
338
338
  <li><a href="#">Sub item</a></li>
339
339
  <li><a href="#">Sub item</a></li>
@@ -377,10 +377,10 @@
377
377
 
378
378
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
379
379
 
380
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
380
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
381
381
  <li class="uk-active"><a href="#">Active</a></li>
382
382
  <li class="uk-parent">
383
- <a href="#">Parent</a>
383
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
384
384
  <ul class="uk-nav-sub">
385
385
  <li><a href="#">Sub item</a></li>
386
386
  <li><a href="#">Sub item</a></li>
@@ -424,10 +424,10 @@
424
424
 
425
425
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
426
426
 
427
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
427
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
428
428
  <li class="uk-active"><a href="#">Active</a></li>
429
429
  <li class="uk-parent">
430
- <a href="#">Parent</a>
430
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
431
431
  <ul class="uk-nav-sub">
432
432
  <li><a href="#">Sub item</a></li>
433
433
  <li><a href="#">Sub item</a></li>
@@ -471,10 +471,10 @@
471
471
 
472
472
  <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button>
473
473
 
474
- <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" uk-nav>
474
+ <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical" uk-nav>
475
475
  <li class="uk-active"><a href="#">Active</a></li>
476
476
  <li class="uk-parent">
477
- <a href="#">Parent</a>
477
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
478
478
  <ul class="uk-nav-sub">
479
479
  <li><a href="#">Sub item</a></li>
480
480
  <li><a href="#">Sub item</a></li>
package/tests/utility.html CHANGED
@@ -434,6 +434,25 @@
434
434
  <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
435
435
  </a>
436
436
  </div>
437
+ <div>
438
+ <p>Picture</p>
439
+ <a class="uk-logo" href="#">
440
+ <picture>
441
+ <img src="images/photo.jpg" width="200" height="133" alt="">
442
+ </picture>
443
+ </a>
444
+ </div>
445
+ <div>
446
+ <p>+ Inverse Picture</p>
447
+ <a class="uk-logo" href="#">
448
+ <picture>
449
+ <img src="images/photo.jpg" width="200" height="133" alt="">
450
+ </picture>
451
+ <picture>
452
+ <img class="uk-logo-inverse" src="images/dark.jpg" width="200" height="133" alt="">
453
+ </picture>
454
+ </a>
455
+ </div>
437
456
  </div>
438
457
 
439
458
  </div>
package/src/images/backgrounds/nav-parent-close.svg DELETED
@@ -1,3 +0,0 @@
1
- <svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
2
- <polyline fill="none" stroke="#000" stroke-width="1.1" points="10 1 4 7 10 13" />
3
- </svg>