uikit 3.14.1 → 3.14.2-dev.57e3417c4

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 (74) hide show
  1. package/CHANGELOG.md +25 -3
  2. package/build/util.js +8 -2
  3. package/dist/css/uikit-core-rtl.css +47 -20
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +47 -20
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +49 -32
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +49 -32
  10. package/dist/css/uikit.min.css +1 -1
  11. package/dist/js/components/countdown.js +1 -1
  12. package/dist/js/components/countdown.min.js +1 -1
  13. package/dist/js/components/filter.js +1 -1
  14. package/dist/js/components/filter.min.js +1 -1
  15. package/dist/js/components/lightbox-panel.js +6 -1
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +6 -1
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +1 -1
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +2 -2
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +1 -1
  24. package/dist/js/components/slider-parallax.min.js +1 -1
  25. package/dist/js/components/slider.js +1 -1
  26. package/dist/js/components/slider.min.js +1 -1
  27. package/dist/js/components/slideshow-parallax.js +1 -1
  28. package/dist/js/components/slideshow-parallax.min.js +1 -1
  29. package/dist/js/components/slideshow.js +1 -1
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +1 -1
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +25 -15
  34. package/dist/js/components/tooltip.min.js +1 -1
  35. package/dist/js/components/upload.js +1 -1
  36. package/dist/js/components/upload.min.js +1 -1
  37. package/dist/js/uikit-core.js +73 -56
  38. package/dist/js/uikit-core.min.js +1 -1
  39. package/dist/js/uikit-icons.js +1 -1
  40. package/dist/js/uikit-icons.min.js +1 -1
  41. package/dist/js/uikit.js +74 -57
  42. package/dist/js/uikit.min.js +1 -1
  43. package/package.json +11 -11
  44. package/src/js/components/parallax.js +1 -1
  45. package/src/js/core/drop.js +16 -7
  46. package/src/js/core/height-viewport.js +1 -2
  47. package/src/js/core/toggle.js +4 -0
  48. package/src/js/mixin/position.js +18 -23
  49. package/src/js/mixin/togglable.js +5 -0
  50. package/src/js/util/position.js +24 -22
  51. package/src/js/util/viewport.js +6 -13
  52. package/src/less/components/drop.less +2 -0
  53. package/src/less/components/dropdown.less +2 -0
  54. package/src/less/components/modal.less +19 -4
  55. package/src/less/components/navbar.less +28 -8
  56. package/src/less/components/offcanvas.less +21 -21
  57. package/src/less/components/tooltip.less +1 -0
  58. package/src/less/components/utility.less +1 -1
  59. package/src/less/theme/navbar.less +3 -10
  60. package/src/scss/components/drop.scss +2 -0
  61. package/src/scss/components/dropdown.scss +2 -0
  62. package/src/scss/components/modal.scss +19 -4
  63. package/src/scss/components/navbar.scss +28 -8
  64. package/src/scss/components/offcanvas.scss +21 -21
  65. package/src/scss/components/tooltip.scss +1 -0
  66. package/src/scss/components/utility.scss +1 -1
  67. package/src/scss/mixins-theme.scss +0 -10
  68. package/src/scss/theme/navbar.scss +3 -0
  69. package/src/scss/variables-theme.scss +23 -11
  70. package/src/scss/variables.scss +23 -11
  71. package/tests/drop.html +20 -2
  72. package/tests/dropdown.html +6 -0
  73. package/tests/navbar.html +21 -59
  74. package/tests/offcanvas.html +8 -8
package/tests/navbar.html CHANGED
@@ -1400,33 +1400,25 @@
1400
1400
 
1401
1401
  <nav class="uk-navbar uk-navbar-container uk-margin">
1402
1402
  <div class="uk-navbar-left">
1403
- <div>
1404
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1405
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1406
- </div>
1403
+ <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1404
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1407
1405
  </div>
1408
1406
  <div class="uk-navbar-right">
1409
- <div>
1410
- <a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon></a>
1411
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1412
- </div>
1407
+ <a class="uk-navbar-toggle" href="#" uk-navbar-toggle-icon></a>
1408
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1413
1409
  </div>
1414
1410
  </nav>
1415
1411
 
1416
1412
  <nav class="uk-navbar uk-navbar-container uk-margin">
1417
1413
  <div class="uk-navbar-left">
1418
- <div>
1419
- <a class="uk-navbar-toggle" href="#">Menu</a>
1420
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1421
- </div>
1414
+ <a class="uk-navbar-toggle" href="#">Menu</a>
1415
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1422
1416
  </div>
1423
1417
  <div class="uk-navbar-right">
1424
- <div>
1425
- <a class="uk-navbar-toggle" href="#">
1426
- <span class="uk-margin-small-right">Menu</span> <span uk-navbar-toggle-icon></span>
1427
- </a>
1428
- <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1429
- </div>
1418
+ <a class="uk-navbar-toggle" href="#">
1419
+ <span class="uk-margin-small-right">Menu</span> <span uk-navbar-toggle-icon></span>
1420
+ </a>
1421
+ <div class="uk-navbar-dropdown" uk-drop="mode: click; cls-drop: uk-navbar-dropdown; boundary: !nav; flip: x">Dropdown</div>
1430
1422
  </div>
1431
1423
  </nav>
1432
1424
 
@@ -1767,8 +1759,6 @@
1767
1759
  <div class="uk-navbar">
1768
1760
  <div class="uk-navbar-left">
1769
1761
 
1770
- <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1771
-
1772
1762
  <ul class="uk-navbar-nav">
1773
1763
  <li class="uk-active"><a href="#">Active</a></li>
1774
1764
  <li><a href="#">Parent</a></li>
@@ -1818,6 +1808,8 @@
1818
1808
  </ul>
1819
1809
  </div>
1820
1810
 
1811
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1812
+
1821
1813
  </div>
1822
1814
  </div>
1823
1815
  </div>
@@ -1843,19 +1835,7 @@
1843
1835
  </div>
1844
1836
  <div class="uk-navbar-right">
1845
1837
 
1846
- <div class="uk-navbar-item">
1847
- <ul class="uk-grid-small" uk-grid>
1848
- <li>
1849
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1850
- </li>
1851
- <li>
1852
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1853
- </li>
1854
- <li>
1855
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1856
- </li>
1857
- </ul>
1858
- </div>
1838
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1859
1839
 
1860
1840
  </div>
1861
1841
  </div>
@@ -1906,19 +1886,7 @@
1906
1886
  <li><a href="#">Item</a></li>
1907
1887
  </ul>
1908
1888
 
1909
- <div class="uk-navbar-item">
1910
- <ul class="uk-grid-small" uk-grid>
1911
- <li>
1912
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1913
- </li>
1914
- <li>
1915
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1916
- </li>
1917
- <li>
1918
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1919
- </li>
1920
- </ul>
1921
- </div>
1889
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1922
1890
 
1923
1891
  </div>
1924
1892
  </div>
@@ -1945,19 +1913,7 @@
1945
1913
  </div>
1946
1914
  <div class="uk-navbar-right">
1947
1915
 
1948
- <div class="uk-navbar-item">
1949
- <ul class="uk-grid-small" uk-grid>
1950
- <li>
1951
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1952
- </li>
1953
- <li>
1954
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1955
- </li>
1956
- <li>
1957
- <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1958
- </li>
1959
- </ul>
1960
- </div>
1916
+ <a class="uk-navbar-toggle" uk-navbar-toggle-icon href="#"></a>
1961
1917
 
1962
1918
  </div>
1963
1919
  </div>
@@ -2039,6 +1995,12 @@
2039
1995
  <td>200</td>
2040
1996
  <td>The dropbar transition duration.</td>
2041
1997
  </tr>
1998
+ <tr>
1999
+ <td><code>container</code></td>
2000
+ <td>Boolean</td>
2001
+ <td>false</td>
2002
+ <td>Define a target container via a selector to specify where the drops should be appended in the DOM.</td>
2003
+ </tr>
2042
2004
  </tbody>
2043
2005
  </table>
2044
2006
  </div>
package/tests/offcanvas.html CHANGED
@@ -140,7 +140,7 @@
140
140
  <div id="offcanvas-slide" uk-offcanvas>
141
141
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
142
142
 
143
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>
@@ -187,7 +187,7 @@
187
187
  <div id="offcanvas-reveal" uk-offcanvas="mode: reveal">
188
188
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
189
189
 
190
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>
@@ -234,7 +234,7 @@
234
234
  <div id="offcanvas-push" uk-offcanvas="mode: push">
235
235
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
236
236
 
237
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>
@@ -281,7 +281,7 @@
281
281
  <div id="offcanvas-none" uk-offcanvas="mode: none">
282
282
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
283
283
 
284
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>
@@ -328,7 +328,7 @@
328
328
  <div id="offcanvas-flip-slide" uk-offcanvas="flip: true">
329
329
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
330
330
 
331
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>
@@ -375,7 +375,7 @@
375
375
  <div id="offcanvas-flip-reveal" uk-offcanvas="mode: reveal; flip: true">
376
376
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
377
377
 
378
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>
@@ -422,7 +422,7 @@
422
422
  <div id="offcanvas-flip-push" uk-offcanvas="mode: push; flip: true">
423
423
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
424
424
 
425
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>
@@ -469,7 +469,7 @@
469
469
  <div id="offcanvas-flip-none" uk-offcanvas="mode: none; flip: true">
470
470
  <div class="uk-offcanvas-bar uk-flex uk-flex-column uk-text-center">
471
471
 
472
- <button class="uk-offcanvas-close uk-close-large" type="button" uk-close></button>
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
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>