uikit 3.13.8-dev.598ad9a8b → 3.13.8-dev.bd666a112
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.
- package/CHANGELOG.md +13 -2
- package/dist/css/uikit-core-rtl.css +34 -5
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +34 -5
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +34 -3
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +34 -3
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +1 -1
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +1 -1
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +10 -4
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +10 -4
- package/dist/js/uikit.min.js +1 -1
- package/package.json +5 -5
- package/src/js/core/drop.js +4 -1
- package/src/js/util/position.js +4 -1
- package/src/less/components/dropdown.less +11 -1
- package/src/less/components/nav.less +22 -0
- package/src/less/components/navbar.less +22 -2
- package/src/less/theme/dropdown.less +2 -0
- package/src/less/theme/nav.less +4 -0
- package/src/less/theme/navbar.less +2 -0
- package/src/scss/components/dropdown.scss +11 -1
- package/src/scss/components/nav.scss +22 -0
- package/src/scss/components/navbar.scss +22 -2
- package/src/scss/mixins-theme.scss +4 -0
- package/src/scss/mixins.scss +4 -0
- package/src/scss/theme/dropdown.scss +2 -0
- package/src/scss/theme/nav.scss +4 -0
- package/src/scss/theme/navbar.scss +2 -0
- package/src/scss/variables-theme.scss +5 -1
- package/src/scss/variables.scss +5 -1
- package/tests/drop.html +0 -6
- package/tests/dropdown.html +18 -10
- package/tests/nav.html +27 -0
- package/tests/navbar.html +18 -4
package/tests/dropdown.html
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
<h1>Dropdown</h1>
|
|
25
25
|
|
|
26
26
|
<div uk-grid>
|
|
27
|
-
<div class="uk-width-1-
|
|
27
|
+
<div class="uk-width-1-4@m">
|
|
28
28
|
|
|
29
29
|
<div class="uk-dropdown test">
|
|
30
30
|
|
|
@@ -59,7 +59,21 @@
|
|
|
59
59
|
</div>
|
|
60
60
|
|
|
61
61
|
</div>
|
|
62
|
-
<div class="uk-width-
|
|
62
|
+
<div class="uk-width-1-4@m">
|
|
63
|
+
|
|
64
|
+
<div class="uk-dropdown test">
|
|
65
|
+
|
|
66
|
+
<ul class="uk-nav uk-dropdown-nav">
|
|
67
|
+
<li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
68
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
69
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
70
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
71
|
+
</ul>
|
|
72
|
+
|
|
73
|
+
</div>
|
|
74
|
+
|
|
75
|
+
</div>
|
|
76
|
+
<div class="uk-width-1-2@m">
|
|
63
77
|
|
|
64
78
|
<div class="uk-margin" uk-margin>
|
|
65
79
|
|
|
@@ -384,8 +398,8 @@
|
|
|
384
398
|
<tr>
|
|
385
399
|
<td><code>boundary</code></td>
|
|
386
400
|
<td>CSS selector</td>
|
|
387
|
-
<td>
|
|
388
|
-
<td>
|
|
401
|
+
<td>true</td>
|
|
402
|
+
<td>The area that the element will be checked for overflow, causing the Drop to flip. By default, it's the scrolling containers of the Drop's element.</td>
|
|
389
403
|
</tr>
|
|
390
404
|
<tr>
|
|
391
405
|
<td><code>boundary-align</code></td>
|
|
@@ -399,12 +413,6 @@
|
|
|
399
413
|
<td>true</td>
|
|
400
414
|
<td>Automatic Dropdown flip.</td>
|
|
401
415
|
</tr>
|
|
402
|
-
<tr>
|
|
403
|
-
<td><code>cls</code></td>
|
|
404
|
-
<td>String</td>
|
|
405
|
-
<td>'uk-dropdown'</td>
|
|
406
|
-
<td>The Dropdown container class.</td>
|
|
407
|
-
</tr>
|
|
408
416
|
<tr>
|
|
409
417
|
<td><code>offset</code></td>
|
|
410
418
|
<td>Number</td>
|
package/tests/nav.html
CHANGED
|
@@ -287,6 +287,33 @@
|
|
|
287
287
|
</div>
|
|
288
288
|
</div>
|
|
289
289
|
|
|
290
|
+
<div class="uk-child-width-1-4@m" uk-grid>
|
|
291
|
+
<div>
|
|
292
|
+
|
|
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>
|
|
306
|
+
|
|
307
|
+
<ul class="uk-nav uk-nav-primary">
|
|
308
|
+
<li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur.</div></div></a></li>
|
|
309
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur.</div></div></a></li>
|
|
310
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur.</div></div></a></li>
|
|
311
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur.</div></div></a></li>
|
|
312
|
+
</ul>
|
|
313
|
+
|
|
314
|
+
</div>
|
|
315
|
+
</div>
|
|
316
|
+
|
|
290
317
|
<h2>JavaScript Options</h2>
|
|
291
318
|
|
|
292
319
|
<table class="uk-table uk-table-striped">
|
package/tests/navbar.html
CHANGED
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
<h1>Navbar</h1>
|
|
27
27
|
|
|
28
28
|
<div uk-grid>
|
|
29
|
-
<div class="uk-width-2
|
|
29
|
+
<div class="uk-width-1-2@m">
|
|
30
30
|
|
|
31
31
|
<nav class="uk-navbar-container uk-margin" uk-navbar>
|
|
32
32
|
<div class="uk-navbar-left">
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
<h2>Transparent</h2>
|
|
104
104
|
|
|
105
105
|
<div class="uk-margin uk-position-relative uk-light">
|
|
106
|
-
<canvas class="uk-background-cover" style="background-image: url('images/dark.jpg')" width="1000" height="
|
|
106
|
+
<canvas class="uk-background-cover" style="background-image: url('images/dark.jpg')" width="1000" height="300"></canvas>
|
|
107
107
|
<div class="uk-position-top">
|
|
108
108
|
<nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
|
|
109
109
|
<div class="uk-navbar-left">
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
</div>
|
|
145
145
|
|
|
146
146
|
<div class="uk-margin uk-position-relative uk-dark">
|
|
147
|
-
<canvas class="uk-background-cover" style="background-image: url('images/light.jpg')" width="1000" height="
|
|
147
|
+
<canvas class="uk-background-cover" style="background-image: url('images/light.jpg')" width="1000" height="300"></canvas>
|
|
148
148
|
<div class="uk-position-top">
|
|
149
149
|
<nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
|
|
150
150
|
<div class="uk-navbar-left">
|
|
@@ -185,7 +185,7 @@
|
|
|
185
185
|
</div>
|
|
186
186
|
|
|
187
187
|
</div>
|
|
188
|
-
<div class="uk-width-1-
|
|
188
|
+
<div class="uk-width-1-4@m">
|
|
189
189
|
|
|
190
190
|
<div class="uk-navbar-dropdown test">
|
|
191
191
|
|
|
@@ -220,6 +220,20 @@
|
|
|
220
220
|
</div>
|
|
221
221
|
|
|
222
222
|
</div>
|
|
223
|
+
<div class="uk-width-1-4@m">
|
|
224
|
+
|
|
225
|
+
<div class="uk-navbar-dropdown test">
|
|
226
|
+
|
|
227
|
+
<ul class="uk-nav uk-navbar-dropdown-nav">
|
|
228
|
+
<li class="uk-active"><a href="#"><div>Active<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
229
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
230
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
231
|
+
<li><a href="#"><div>Item<div class="uk-nav-subtitle">Subtitle lorem ipsum dolor sit amet, consectetur adipiscing.</div></div></a></li>
|
|
232
|
+
</ul>
|
|
233
|
+
|
|
234
|
+
</div>
|
|
235
|
+
|
|
236
|
+
</div>
|
|
223
237
|
</div>
|
|
224
238
|
|
|
225
239
|
<h2>Dropdown</h2>
|