uikit 3.14.4-dev.4bd89c5ca → 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 (78) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/dist/css/uikit-core-rtl.css +73 -101
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +73 -101
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +73 -101
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +73 -101
  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 +74 -39
  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 +74 -39
  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/core/height-viewport.js +4 -2
  47. package/src/js/core/icon.js +16 -0
  48. package/src/js/core/index.js +2 -0
  49. package/src/js/core/leader.js +2 -2
  50. package/src/js/core/scroll.js +37 -10
  51. package/src/js/mixin/media.js +4 -5
  52. package/src/js/mixin/position.js +3 -4
  53. package/src/js/util/style.js +4 -13
  54. package/src/js/util/viewport.js +2 -4
  55. package/src/less/components/dropdown.less +6 -0
  56. package/src/less/components/leader.less +1 -1
  57. package/src/less/components/nav.less +15 -40
  58. package/src/less/components/navbar.less +27 -32
  59. package/src/less/components/utility.less +10 -2
  60. package/src/less/theme/nav.less +0 -8
  61. package/src/less/theme/navbar.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 +14 -28
  65. package/src/scss/components/navbar.scss +27 -20
  66. package/src/scss/components/utility.scss +8 -1
  67. package/src/scss/mixins-theme.scss +4 -27
  68. package/src/scss/mixins.scss +4 -27
  69. package/src/scss/theme/nav.scss +0 -8
  70. package/src/scss/theme/navbar.scss +0 -8
  71. package/src/scss/variables-theme.scss +4 -13
  72. package/src/scss/variables.scss +4 -13
  73. package/tests/index.html +4 -4
  74. package/tests/nav.html +22 -89
  75. package/tests/navbar.html +20 -31
  76. package/tests/offcanvas.html +16 -16
  77. package/tests/utility.html +19 -0
  78. package/src/images/backgrounds/nav-parent-open.svg +0 -3
package/tests/nav.html CHANGED
@@ -58,10 +58,10 @@
58
58
  <div>
59
59
 
60
60
  <h2>Accordion</h2>
61
- <ul class="uk-nav-default uk-nav-parent-icon" uk-nav>
61
+ <ul class="uk-nav-default" 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="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>
@@ -191,10 +171,10 @@
191
171
  <div>
192
172
 
193
173
  <h2>Accordion</h2>
194
- <ul class="uk-nav-primary uk-nav-parent-icon" uk-nav>
174
+ <ul class="uk-nav-primary" 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="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
@@ -75,12 +75,12 @@
75
75
  <div class="uk-margin uk-position-relative uk-light">
76
76
  <canvas class="uk-background-cover" style="background-image: url('images/dark.jpg')" width="1000" height="300"></canvas>
77
77
  <div class="uk-position-top">
78
- <nav class="uk-navbar-container uk-navbar-transparent uk-navbar-parent-icon" uk-navbar>
78
+ <nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
79
79
  <div class="uk-navbar-left">
80
80
  <ul class="uk-navbar-nav">
81
81
  <li class="uk-active"><a href="">Active</a></li>
82
- <li class="uk-parent">
83
- <a href="">Parent</a>
82
+ <li>
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>
@@ -116,12 +116,12 @@
116
116
  <div class="uk-margin uk-position-relative uk-dark">
117
117
  <canvas class="uk-background-cover" style="background-image: url('images/light.jpg')" width="1000" height="300"></canvas>
118
118
  <div class="uk-position-top">
119
- <nav class="uk-navbar-container uk-navbar-transparent uk-navbar-parent-icon" uk-navbar>
119
+ <nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
120
120
  <div class="uk-navbar-left">
121
121
  <ul class="uk-navbar-nav">
122
122
  <li class="uk-active"><a href="">Active</a></li>
123
- <li class="uk-parent">
124
- <a href="">Parent</a>
123
+ <li>
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>
@@ -1910,7 +1910,7 @@
1910
1910
  </div>
1911
1911
  </nav>
1912
1912
 
1913
- <nav class="uk-navbar-container uk-margin uk-position-relative uk-position-z-index"><!-- Position context only needed for demo showcase -->
1913
+ <nav class="uk-navbar-container uk-margin">
1914
1914
  <div class="uk-container">
1915
1915
  <div uk-navbar="dropbar: true; dropbar-anchor: !.uk-navbar-container; align: center">
1916
1916
  <div class="uk-navbar-left">
@@ -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
@@ -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-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>