uikit 3.14.4-dev.0cf600084 → 3.14.4-dev.2dc50ec60

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 (82) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/css/uikit-core-rtl.css +89 -52
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +89 -52
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +86 -53
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +86 -53
  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 +28 -21
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +28 -21
  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 +22 -7
  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 +22 -7
  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 +23 -16
  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 +115 -67
  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 +168 -103
  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 +11 -5
  49. package/src/js/core/icon.js +16 -0
  50. package/src/js/core/index.js +2 -0
  51. package/src/js/core/navbar.js +44 -15
  52. package/src/js/core/sticky.js +8 -9
  53. package/src/js/mixin/modal.js +1 -1
  54. package/src/js/mixin/position.js +24 -7
  55. package/src/js/mixin/slider-drag.js +20 -8
  56. package/src/js/mixin/togglable.js +8 -17
  57. package/src/js/util/dimensions.js +6 -6
  58. package/src/js/util/position.js +1 -0
  59. package/src/js/util/viewport.js +2 -27
  60. package/src/less/components/dropdown.less +8 -0
  61. package/src/less/components/nav.less +25 -30
  62. package/src/less/components/navbar.less +95 -15
  63. package/src/less/components/utility.less +12 -3
  64. package/src/less/theme/nav.less +3 -7
  65. package/src/less/theme/navbar.less +4 -6
  66. package/src/scss/components/dropdown.scss +8 -0
  67. package/src/scss/components/nav.scss +25 -19
  68. package/src/scss/components/navbar.scss +83 -15
  69. package/src/scss/components/utility.scss +12 -3
  70. package/src/scss/mixins-theme.scss +14 -18
  71. package/src/scss/mixins.scss +12 -13
  72. package/src/scss/theme/nav.scss +3 -7
  73. package/src/scss/theme/navbar.scss +3 -2
  74. package/src/scss/variables-theme.scss +24 -9
  75. package/src/scss/variables.scss +24 -7
  76. package/tests/drop.html +66 -16
  77. package/tests/dropdown.html +103 -16
  78. package/tests/index.html +3 -3
  79. package/tests/nav.html +20 -87
  80. package/tests/navbar.html +2131 -1130
  81. package/tests/offcanvas.html +8 -8
  82. package/src/images/backgrounds/nav-parent-close.svg +0 -3
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>