uikit 3.14.4-dev.f2e3be255 → 3.14.4-dev.fea9fd466

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 (77) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/dist/css/uikit-core-rtl.css +84 -64
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +84 -64
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +83 -63
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +83 -63
  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 +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +9 -17
  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 +45 -43
  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 +51 -47
  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/{backgrounds/navbar-parent-close.svg → components/nav-parent-icon.svg} +0 -0
  45. package/src/images/{backgrounds/navbar-parent-open.svg → components/navbar-parent-icon.svg} +1 -1
  46. package/src/js/components/filter.js +5 -3
  47. package/src/js/core/height-viewport.js +6 -2
  48. package/src/js/core/icon.js +16 -0
  49. package/src/js/core/index.js +2 -0
  50. package/src/js/core/leader.js +2 -2
  51. package/src/js/mixin/media.js +4 -5
  52. package/src/js/mixin/position.js +3 -4
  53. package/src/js/mixin/togglable.js +8 -17
  54. package/src/js/util/style.js +4 -13
  55. package/src/js/util/viewport.js +2 -4
  56. package/src/less/components/dropdown.less +6 -0
  57. package/src/less/components/leader.less +1 -1
  58. package/src/less/components/nav.less +7 -37
  59. package/src/less/components/navbar.less +70 -21
  60. package/src/less/components/utility.less +10 -2
  61. package/src/less/theme/nav.less +0 -8
  62. package/src/scss/components/dropdown.scss +6 -0
  63. package/src/scss/components/leader.scss +1 -1
  64. package/src/scss/components/nav.scss +7 -26
  65. package/src/scss/components/navbar.scss +58 -21
  66. package/src/scss/components/utility.scss +8 -1
  67. package/src/scss/mixins-theme.scss +14 -14
  68. package/src/scss/mixins.scss +14 -14
  69. package/src/scss/theme/nav.scss +0 -8
  70. package/src/scss/variables-theme.scss +9 -13
  71. package/src/scss/variables.scss +9 -13
  72. package/tests/index.html +3 -3
  73. package/tests/nav.html +20 -87
  74. package/tests/navbar.html +15 -26
  75. package/tests/offcanvas.html +8 -8
  76. package/tests/utility.html +19 -0
  77. package/src/images/backgrounds/nav-parent-open.svg +0 -3
package/tests/index.html CHANGED
@@ -20,7 +20,7 @@
20
20
  <ul class="uk-navbar-nav">
21
21
  <li class="uk-active"><a href="#">Active</a></li>
22
22
  <li>
23
- <a href="#">Parent</a>
23
+ <a href="#">Parent <span uk-navbar-parent-icon></span></a>
24
24
  <div class="uk-navbar-dropdown">
25
25
  <ul class="uk-nav uk-navbar-dropdown-nav">
26
26
  <li class="uk-active"><a href="#">Active</a></li>
@@ -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>
@@ -89,11 +89,12 @@
89
89
  </div>
90
90
  <div>
91
91
 
92
- <h2>Multiple</h2>
93
- <ul class="uk-nav-default uk-nav-parent-icon" uk-nav="multiple: true">
92
+ <h2 class="uk-text-center">Center + Multiple</h2>
93
+
94
+ <ul class="uk-nav-default uk-nav-center uk-nav-parent-icon" uk-nav="multiple: true">
94
95
  <li class="uk-active"><a href="#">Active</a></li>
95
96
  <li class="uk-parent">
96
- <a href="#">Parent</a>
97
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
97
98
  <ul class="uk-nav-sub">
98
99
  <li><a href="#">Sub item</a></li>
99
100
  <li><a href="#">Sub item</a>
@@ -105,7 +106,7 @@
105
106
  </ul>
106
107
  </li>
107
108
  <li class="uk-parent">
108
- <a href="#">Parent</a>
109
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
109
110
  <ul class="uk-nav-sub">
110
111
  <li><a href="#">Sub item</a></li>
111
112
  <li><a href="#">Sub item</a></li>
@@ -121,34 +122,13 @@
121
122
  </div>
122
123
  <div>
123
124
 
124
- <h2 class="uk-text-center">Center</h2>
125
+ <h2>Subtitles</h2>
125
126
 
126
- <ul class="uk-nav-default uk-nav-center uk-nav-parent-icon" uk-nav>
127
- <li class="uk-active"><a href="#">Active</a></li>
128
- <li class="uk-parent">
129
- <a href="#">Parent</a>
130
- <ul class="uk-nav-sub">
131
- <li><a href="#">Sub item</a></li>
132
- <li><a href="#">Sub item</a>
133
- <ul>
134
- <li><a href="#">Sub item</a></li>
135
- <li><a href="#">Sub item</a></li>
136
- </ul>
137
- </li>
138
- </ul>
139
- </li>
140
- <li class="uk-parent">
141
- <a href="#">Parent</a>
142
- <ul class="uk-nav-sub">
143
- <li><a href="#">Sub item</a></li>
144
- <li><a href="#">Sub item</a></li>
145
- </ul>
146
- </li>
147
- <li class="uk-nav-header">Header</li>
148
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
149
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
150
- <li class="uk-nav-divider"></li>
151
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
127
+ <ul class="uk-nav uk-nav-default">
128
+ <li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
129
+ <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
130
+ <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
131
+ <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
152
132
  </ul>
153
133
 
154
134
  </div>
@@ -194,7 +174,7 @@
194
174
  <ul class="uk-nav-primary uk-nav-parent-icon" uk-nav>
195
175
  <li class="uk-active"><a href="#">Active</a></li>
196
176
  <li class="uk-parent">
197
- <a href="#">Parent</a>
177
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
198
178
  <ul class="uk-nav-sub">
199
179
  <li><a href="#">Sub item</a></li>
200
180
  <li><a href="#">Sub item</a>
@@ -206,7 +186,7 @@
206
186
  </ul>
207
187
  </li>
208
188
  <li class="uk-parent">
209
- <a href="#">Parent</a>
189
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
210
190
  <ul class="uk-nav-sub">
211
191
  <li><a href="#">Sub item</a></li>
212
192
  <li><a href="#">Sub item</a></li>
@@ -222,44 +202,12 @@
222
202
  </div>
223
203
  <div>
224
204
 
225
- <h2>Multiple</h2>
226
- <ul class="uk-nav-primary uk-nav-parent-icon" uk-nav="multiple: true">
227
- <li class="uk-active"><a href="#">Active</a></li>
228
- <li class="uk-parent">
229
- <a href="#">Parent</a>
230
- <ul class="uk-nav-sub">
231
- <li><a href="#">Sub item</a></li>
232
- <li><a href="#">Sub item</a>
233
- <ul>
234
- <li><a href="#">Sub item</a></li>
235
- <li><a href="#">Sub item</a></li>
236
- </ul>
237
- </li>
238
- </ul>
239
- </li>
240
- <li class="uk-parent">
241
- <a href="#">Parent</a>
242
- <ul class="uk-nav-sub">
243
- <li><a href="#">Sub item</a></li>
244
- <li><a href="#">Sub item</a></li>
245
- </ul>
246
- </li>
247
- <li class="uk-nav-header">Header</li>
248
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: table"></span> Item</a></li>
249
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: thumbnails"></span> Item</a></li>
250
- <li class="uk-nav-divider"></li>
251
- <li><a href="#"><span class="uk-margin-small-right" uk-icon="icon: trash"></span> Item</a></li>
252
- </ul>
253
-
254
- </div>
255
- <div>
256
-
257
- <h2 class="uk-text-center">Center</h2>
205
+ <h2 class="uk-text-center">Center + Multiple</h2>
258
206
 
259
- <ul class="uk-nav-primary uk-nav-center uk-nav-parent-icon" uk-nav>
207
+ <ul class="uk-nav-primary uk-nav-center uk-nav-parent-icon" uk-nav="multiple: true">
260
208
  <li class="uk-active"><a href="#">Active</a></li>
261
209
  <li class="uk-parent">
262
- <a href="#">Parent</a>
210
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
263
211
  <ul class="uk-nav-sub">
264
212
  <li><a href="#">Sub item</a></li>
265
213
  <li><a href="#">Sub item</a>
@@ -271,7 +219,7 @@
271
219
  </ul>
272
220
  </li>
273
221
  <li class="uk-parent">
274
- <a href="#">Parent</a>
222
+ <a href="#">Parent <span uk-nav-parent-icon></span></a>
275
223
  <ul class="uk-nav-sub">
276
224
  <li><a href="#">Sub item</a></li>
277
225
  <li><a href="#">Sub item</a></li>
@@ -285,24 +233,9 @@
285
233
  </ul>
286
234
 
287
235
  </div>
288
- </div>
289
-
290
- <div class="uk-child-width-1-4@m" uk-grid>
291
236
  <div>
292
237
 
293
- <h2>Default</h2>
294
-
295
- <ul class="uk-nav uk-nav-default">
296
- <li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
297
- <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
298
- <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
299
- <li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do.</div></div></a></li>
300
- </ul>
301
-
302
- </div>
303
- <div>
304
-
305
- <h2>Primary</h2>
238
+ <h2>Subtitles</h2>
306
239
 
307
240
  <ul class="uk-nav uk-nav-primary">
308
241
  <li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur.</div></div></a></li>
package/tests/navbar.html CHANGED
@@ -80,7 +80,7 @@
80
80
  <ul class="uk-navbar-nav">
81
81
  <li class="uk-active"><a href="">Active</a></li>
82
82
  <li>
83
- <a href="">Parent</a>
83
+ <a href="">Parent <span uk-navbar-parent-icon></span></a>
84
84
  <div class="uk-navbar-dropdown">
85
85
  <ul class="uk-nav uk-navbar-dropdown-nav">
86
86
  <li class="uk-active"><a href="#">Active</a></li>
@@ -121,7 +121,7 @@
121
121
  <ul class="uk-navbar-nav">
122
122
  <li class="uk-active"><a href="">Active</a></li>
123
123
  <li>
124
- <a href="">Parent</a>
124
+ <a href="">Parent <span uk-navbar-parent-icon></span></a>
125
125
  <div class="uk-navbar-dropdown">
126
126
  <ul class="uk-nav uk-navbar-dropdown-nav">
127
127
  <li class="uk-active"><a href="#">Active</a></li>
@@ -807,12 +807,12 @@
807
807
 
808
808
  <nav class="uk-navbar-container uk-margin">
809
809
  <div class="uk-container">
810
- <div class="uk-navbar-parent-icon" uk-navbar>
810
+ <div uk-navbar>
811
811
  <div class="uk-navbar-left">
812
812
 
813
813
  <ul class="uk-navbar-nav">
814
- <li class="uk-active uk-parent">
815
- <a href="#">Left</a>
814
+ <li class="uk-active">
815
+ <a href="#">Left <span uk-navbar-parent-icon></span></a>
816
816
  <div class="uk-navbar-dropdown">
817
817
  <ul class="uk-nav uk-navbar-dropdown-nav">
818
818
  <li class="uk-active"><a href="#">Active</a></li>
@@ -831,8 +831,8 @@
831
831
  </ul>
832
832
  </div>
833
833
  </li>
834
- <li class="uk-parent">
835
- <a href="#">2 Columns</a>
834
+ <li>
835
+ <a href="#">2 Columns <span uk-navbar-parent-icon></span></a>
836
836
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-2">
837
837
  <div class="uk-navbar-dropdown-grid uk-child-width-1-2" uk-grid>
838
838
  <div>
@@ -860,8 +860,8 @@
860
860
  </div>
861
861
  </div>
862
862
  </li>
863
- <li class="uk-parent">
864
- <a href="#">3 Columns</a>
863
+ <li>
864
+ <a href="#">3 Columns <span uk-navbar-parent-icon></span></a>
865
865
  <div class="uk-navbar-dropdown uk-navbar-dropdown-width-3">
866
866
  <div class="uk-navbar-dropdown-grid uk-child-width-1-3" uk-grid>
867
867
  <div>
@@ -886,8 +886,8 @@
886
886
  </div>
887
887
  </div>
888
888
  </li>
889
- <li class="uk-parent">
890
- <a href="#">Justify</a>
889
+ <li>
890
+ <a href="#">Justify <span uk-navbar-parent-icon></span></a>
891
891
  <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar; boundary-align: true; pos: bottom-justify; flip: x">
892
892
  <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
893
893
  <div>
@@ -928,8 +928,8 @@
928
928
  </div>
929
929
  </div>
930
930
  </li>
931
- <li class="uk-parent">
932
- <a href="#">Justify Full</a>
931
+ <li>
932
+ <a href="#">Justify Full <span uk-navbar-parent-icon></span></a>
933
933
  <div class="uk-navbar-dropdown" uk-drop="cls-drop: uk-navbar-dropdown; boundary: !.uk-navbar-container; pos: bottom-justify; flip: x">
934
934
  <div class="uk-navbar-dropdown-grid uk-child-width-1-3@m" uk-grid>
935
935
  <div>
@@ -976,8 +976,8 @@
976
976
  <div class="uk-navbar-right">
977
977
 
978
978
  <ul class="uk-navbar-nav">
979
- <li class="uk-parent">
980
- <a href="#">1 Column</a>
979
+ <li>
980
+ <a href="#">1 Column <span uk-navbar-parent-icon></span></a>
981
981
  <div class="uk-navbar-dropdown">
982
982
  <ul class="uk-nav uk-navbar-dropdown-nav">
983
983
  <li class="uk-active"><a href="#">Active</a></li>
@@ -2540,9 +2540,6 @@
2540
2540
  <a href="#">Content</a>
2541
2541
  <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
2542
2542
  </li>
2543
- <li><a href="#">Item</a></li>
2544
- <li><a href="#">Item</a></li>
2545
- <li><a href="#">Item</a></li>
2546
2543
  </ul>
2547
2544
  <div class="uk-navbar-item">
2548
2545
  <div>Some <a href="#">Link</a></div>
@@ -2618,7 +2615,6 @@
2618
2615
 
2619
2616
  <div class="uk-navbar-center-right">
2620
2617
  <ul class="uk-navbar-nav">
2621
- <li class="uk-active"><a href="#">Active</a></li>
2622
2618
  <li>
2623
2619
  <a href="#">Parent</a>
2624
2620
  <div class="uk-navbar-dropdown">
@@ -2719,7 +2715,6 @@
2719
2715
 
2720
2716
  <div class="uk-navbar-center-right">
2721
2717
  <ul class="uk-navbar-nav">
2722
- <li class="uk-active"><a href="#">Active</a></li>
2723
2718
  <li>
2724
2719
  <a href="#">Parent</a>
2725
2720
  <div class="uk-navbar-dropdown">
@@ -2799,12 +2794,6 @@
2799
2794
  <li><a href="#">Parent</a></li>
2800
2795
  <li><a href="#">Item</a></li>
2801
2796
  <li><a href="#">Item</a></li>
2802
- </ul>
2803
-
2804
- </div>
2805
- <div class="uk-navbar-right">
2806
-
2807
- <ul class="uk-navbar-nav">
2808
2797
  <li><a href="#">Item</a></li>
2809
2798
  </ul>
2810
2799
 
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>