uikit 3.14.4-dev.dbd727038 → 3.14.4-dev.e2919bbf7

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 (71) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/dist/css/uikit-core-rtl.css +51 -52
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +51 -52
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +51 -52
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +51 -52
  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 +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 +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +4 -4
  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 +28 -24
  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 +28 -24
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/images/{backgrounds/nav-parent-close.svg → components/nav-parent-icon-large.svg} +0 -0
  44. package/src/images/components/nav-parent-icon.svg +3 -0
  45. package/src/js/core/icon.js +14 -0
  46. package/src/js/core/index.js +1 -0
  47. package/src/js/core/leader.js +2 -2
  48. package/src/js/mixin/media.js +4 -5
  49. package/src/js/mixin/position.js +3 -4
  50. package/src/js/util/style.js +4 -13
  51. package/src/less/components/dropdown.less +6 -0
  52. package/src/less/components/leader.less +1 -1
  53. package/src/less/components/nav.less +7 -37
  54. package/src/less/components/navbar.less +7 -0
  55. package/src/less/components/utility.less +10 -2
  56. package/src/less/theme/nav.less +0 -8
  57. package/src/scss/components/dropdown.scss +6 -0
  58. package/src/scss/components/leader.scss +1 -1
  59. package/src/scss/components/nav.scss +7 -26
  60. package/src/scss/components/navbar.scss +7 -0
  61. package/src/scss/components/utility.scss +8 -1
  62. package/src/scss/mixins-theme.scss +2 -14
  63. package/src/scss/mixins.scss +2 -14
  64. package/src/scss/theme/nav.scss +0 -8
  65. package/src/scss/variables-theme.scss +1 -7
  66. package/src/scss/variables.scss +1 -7
  67. package/tests/index.html +2 -2
  68. package/tests/nav.html +8 -8
  69. package/tests/offcanvas.html +8 -8
  70. package/tests/utility.html +19 -0
  71. package/src/images/backgrounds/nav-parent-open.svg +0 -3
package/src/scss/theme/nav.scss CHANGED
@@ -18,12 +18,6 @@ $nav-default-subtitle-font-size: 12px !default;
18
18
  // @mixin hook-nav-sub(){}
19
19
 
20
20
 
21
- // Parent icon modifier
22
- // ========================================================================
23
-
24
- // @mixin hook-nav-parent-icon(){}
25
-
26
-
27
21
  // Header
28
22
  // ========================================================================
29
23
 
@@ -87,8 +81,6 @@ $nav-default-subtitle-font-size: 12px !default;
87
81
  // Inverse
88
82
  // ========================================================================
89
83
 
90
- // @mixin hook-inverse-nav-parent-icon(){}
91
-
92
84
  // @mixin hook-inverse-nav-default-item(){}
93
85
  // @mixin hook-inverse-nav-default-item-hover(){}
94
86
  // @mixin hook-inverse-nav-default-item-active(){}
package/src/scss/variables-theme.scss CHANGED
@@ -681,9 +681,6 @@ $nav-sublist-padding-vertical: 5px !default;
681
681
  $nav-sublist-padding-left: 15px !default;
682
682
  $nav-sublist-deeper-padding-left: 15px !default;
683
683
  $nav-sublist-item-padding-vertical: 2px !default;
684
- $nav-parent-icon-width: ($global-line-height * 1em) !default;
685
- $nav-parent-icon-height: $nav-parent-icon-width !default;
686
- $nav-parent-icon-color: $global-color !default;
687
684
  $nav-header-padding-vertical: $nav-item-padding-vertical !default;
688
685
  $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
689
686
  $nav-header-font-size: $global-small-font-size !default;
@@ -719,12 +716,9 @@ $nav-primary-sublist-line-height: $global-line-height !default;
719
716
  $nav-primary-sublist-item-color: $global-muted-color !default;
720
717
  $nav-primary-sublist-item-hover-color: $global-color !default;
721
718
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
722
- $nav-dividers-margin-top: 0 !default;
719
+ $nav-dividers-margin-top: 5px !default;
723
720
  $nav-dividers-border-width: $global-border-width !default;
724
721
  $nav-dividers-border: $global-border !default;
725
- $internal-nav-parent-close-image: "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#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
726
- $internal-nav-parent-open-image: "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#000%22%20stroke-width%3D%221.1%22%20points%3D%2213%2010%207%204%201%2010%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
727
- $inverse-nav-parent-icon-color: $inverse-global-color !default;
728
722
  $inverse-nav-default-item-color: $inverse-global-muted-color !default;
729
723
  $inverse-nav-default-item-hover-color: $inverse-global-color !default;
730
724
  $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
package/src/scss/variables.scss CHANGED
@@ -679,9 +679,6 @@ $nav-sublist-padding-vertical: 5px !default;
679
679
  $nav-sublist-padding-left: 15px !default;
680
680
  $nav-sublist-deeper-padding-left: 15px !default;
681
681
  $nav-sublist-item-padding-vertical: 2px !default;
682
- $nav-parent-icon-width: ($global-line-height * 1em) !default;
683
- $nav-parent-icon-height: $nav-parent-icon-width !default;
684
- $nav-parent-icon-color: $global-color !default;
685
682
  $nav-header-padding-vertical: $nav-item-padding-vertical !default;
686
683
  $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
687
684
  $nav-header-font-size: $global-small-font-size !default;
@@ -717,12 +714,9 @@ $nav-primary-sublist-line-height: $global-line-height !default;
717
714
  $nav-primary-sublist-item-color: $global-muted-color !default;
718
715
  $nav-primary-sublist-item-hover-color: $global-color !default;
719
716
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
720
- $nav-dividers-margin-top: 0 !default;
717
+ $nav-dividers-margin-top: 5px !default;
721
718
  $nav-dividers-border-width: $global-border-width !default;
722
719
  $nav-dividers-border: $global-border !default;
723
- $internal-nav-parent-close-image: "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#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
724
- $internal-nav-parent-open-image: "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#000%22%20stroke-width%3D%221.1%22%20points%3D%2213%2010%207%204%201%2010%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
725
- $inverse-nav-parent-icon-color: $inverse-global-color !default;
726
720
  $inverse-nav-default-item-color: $inverse-global-muted-color !default;
727
721
  $inverse-nav-default-item-hover-color: $inverse-global-color !default;
728
722
  $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
package/tests/index.html CHANGED
@@ -240,7 +240,7 @@
240
240
  <ul class="uk-nav-default uk-nav-parent-icon uk-margin-medium" uk-nav>
241
241
  <li class="uk-active"><a href="#">Active</a></li>
242
242
  <li class="uk-parent">
243
- <a href="#">Parent</a>
243
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
244
244
  <ul class="uk-nav-sub">
245
245
  <li><a href="#">Sub item</a></li>
246
246
  <li><a href="#">Sub item</a>
@@ -252,7 +252,7 @@
252
252
  </ul>
253
253
  </li>
254
254
  <li class="uk-parent">
255
- <a href="#">Parent</a>
255
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
256
256
  <ul class="uk-nav-sub">
257
257
  <li><a href="#">Sub item</a></li>
258
258
  <li><a href="#">Sub item</a></li>
package/tests/nav.html CHANGED
@@ -61,7 +61,7 @@
61
61
  <ul class="uk-nav-default uk-nav-parent-icon" uk-nav>
62
62
  <li class="uk-active"><a href="#">Active</a></li>
63
63
  <li class="uk-parent">
64
- <a href="#">Parent</a>
64
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
65
65
  <ul class="uk-nav-sub">
66
66
  <li><a href="#">Sub item</a></li>
67
67
  <li><a href="#">Sub item</a>
@@ -73,7 +73,7 @@
73
73
  </ul>
74
74
  </li>
75
75
  <li class="uk-parent">
76
- <a href="#">Parent</a>
76
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
77
77
  <ul class="uk-nav-sub">
78
78
  <li><a href="#">Sub item</a></li>
79
79
  <li><a href="#">Sub item</a></li>
@@ -94,7 +94,7 @@
94
94
  <ul class="uk-nav-default uk-nav-center uk-nav-parent-icon" uk-nav="multiple: true">
95
95
  <li class="uk-active"><a href="#">Active</a></li>
96
96
  <li class="uk-parent">
97
- <a href="#">Parent</a>
97
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
98
98
  <ul class="uk-nav-sub">
99
99
  <li><a href="#">Sub item</a></li>
100
100
  <li><a href="#">Sub item</a>
@@ -106,7 +106,7 @@
106
106
  </ul>
107
107
  </li>
108
108
  <li class="uk-parent">
109
- <a href="#">Parent</a>
109
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
110
110
  <ul class="uk-nav-sub">
111
111
  <li><a href="#">Sub item</a></li>
112
112
  <li><a href="#">Sub item</a></li>
@@ -174,7 +174,7 @@
174
174
  <ul class="uk-nav-primary uk-nav-parent-icon" uk-nav>
175
175
  <li class="uk-active"><a href="#">Active</a></li>
176
176
  <li class="uk-parent">
177
- <a href="#">Parent</a>
177
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
178
178
  <ul class="uk-nav-sub">
179
179
  <li><a href="#">Sub item</a></li>
180
180
  <li><a href="#">Sub item</a>
@@ -186,7 +186,7 @@
186
186
  </ul>
187
187
  </li>
188
188
  <li class="uk-parent">
189
- <a href="#">Parent</a>
189
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
190
190
  <ul class="uk-nav-sub">
191
191
  <li><a href="#">Sub item</a></li>
192
192
  <li><a href="#">Sub item</a></li>
@@ -207,7 +207,7 @@
207
207
  <ul class="uk-nav-primary uk-nav-center uk-nav-parent-icon" uk-nav="multiple: true">
208
208
  <li class="uk-active"><a href="#">Active</a></li>
209
209
  <li class="uk-parent">
210
- <a href="#">Parent</a>
210
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
211
211
  <ul class="uk-nav-sub">
212
212
  <li><a href="#">Sub item</a></li>
213
213
  <li><a href="#">Sub item</a>
@@ -219,7 +219,7 @@
219
219
  </ul>
220
220
  </li>
221
221
  <li class="uk-parent">
222
- <a href="#">Parent</a>
222
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
223
223
  <ul class="uk-nav-sub">
224
224
  <li><a href="#">Sub item</a></li>
225
225
  <li><a href="#">Sub item</a></li>
package/tests/offcanvas.html CHANGED
@@ -145,7 +145,7 @@
145
145
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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>
@@ -192,7 +192,7 @@
192
192
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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>
@@ -239,7 +239,7 @@
239
239
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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>
@@ -286,7 +286,7 @@
286
286
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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>
@@ -333,7 +333,7 @@
333
333
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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>
@@ -380,7 +380,7 @@
380
380
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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>
@@ -427,7 +427,7 @@
427
427
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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>
@@ -474,7 +474,7 @@
474
474
  <ul class="uk-nav uk-nav-primary uk-nav-center uk-margin-auto-vertical uk-nav-parent-icon" 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-open.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="13 10 7 4 1 10" />
3
- </svg>