uikit 3.13.8-dev.598ad9a8b → 3.13.8-dev.6e328ba86

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 (83) hide show
  1. package/CHANGELOG.md +23 -2
  2. package/dist/css/uikit-core-rtl.css +41 -5
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +41 -5
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +41 -3
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +41 -3
  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 +5 -2
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +5 -2
  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 +13 -10
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +13 -10
  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 +13 -10
  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 +41 -49
  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 +107 -146
  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 +147 -150
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +5 -5
  43. package/src/js/api/hooks.js +1 -1
  44. package/src/js/components/lightbox-panel.js +4 -1
  45. package/src/js/components/tooltip.js +38 -3
  46. package/src/js/core/accordion.js +1 -1
  47. package/src/js/core/drop.js +10 -6
  48. package/src/js/core/height-match.js +7 -16
  49. package/src/js/core/navbar.js +18 -8
  50. package/src/js/core/scrollspy.js +45 -26
  51. package/src/js/core/sticky.js +2 -2
  52. package/src/js/core/toggle.js +1 -1
  53. package/src/js/mixin/media.js +12 -9
  54. package/src/js/mixin/position.js +4 -43
  55. package/src/js/uikit-core.js +0 -4
  56. package/src/js/util/position.js +4 -1
  57. package/src/less/components/dropdown.less +11 -1
  58. package/src/less/components/icon.less +3 -0
  59. package/src/less/components/nav.less +22 -0
  60. package/src/less/components/navbar.less +26 -2
  61. package/src/less/components/search.less +2 -0
  62. package/src/less/theme/dropdown.less +4 -0
  63. package/src/less/theme/nav.less +6 -0
  64. package/src/less/theme/navbar.less +4 -0
  65. package/src/less/theme/search.less +6 -0
  66. package/src/scss/components/dropdown.scss +11 -1
  67. package/src/scss/components/icon.scss +3 -0
  68. package/src/scss/components/nav.scss +22 -0
  69. package/src/scss/components/navbar.scss +26 -2
  70. package/src/scss/components/search.scss +2 -0
  71. package/src/scss/mixins-theme.scss +5 -0
  72. package/src/scss/mixins.scss +5 -0
  73. package/src/scss/theme/dropdown.scss +4 -0
  74. package/src/scss/theme/nav.scss +6 -0
  75. package/src/scss/theme/navbar.scss +4 -0
  76. package/src/scss/theme/search.scss +6 -0
  77. package/src/scss/variables-theme.scss +5 -1
  78. package/src/scss/variables.scss +5 -1
  79. package/tests/drop.html +0 -6
  80. package/tests/dropdown.html +18 -10
  81. package/tests/nav.html +27 -0
  82. package/tests/navbar.html +55 -4
  83. package/src/js/core/core.js +0 -25
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-3@m">
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="200"></canvas>
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="200"></canvas>
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-3@m">
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>
@@ -1707,6 +1721,43 @@
1707
1721
  </div>
1708
1722
  </nav>
1709
1723
 
1724
+ <h2>Justify</h2>
1725
+
1726
+ <nav class="uk-navbar-container uk-margin">
1727
+ <div class="uk-navbar-justify" uk-navbar>
1728
+ <div class="uk-navbar-left">
1729
+
1730
+ <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1731
+
1732
+ <ul class="uk-navbar-nav">
1733
+ <li class="uk-active"><a href="#">Active</a></li>
1734
+ <li><a href="#">Parent</a></li>
1735
+ <li><a href="#">Item</a></li>
1736
+ <li><a href="#">Item</a></li>
1737
+ </ul>
1738
+
1739
+ </div>
1740
+ <div class="uk-navbar-right">
1741
+
1742
+ <ul class="uk-navbar-nav">
1743
+ <li><a href="#">Item</a></li>
1744
+ </ul>
1745
+
1746
+ <div class="uk-navbar-item">
1747
+ <ul class="uk-grid-small" uk-grid>
1748
+ <li>
1749
+ <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1750
+ </li>
1751
+ <li>
1752
+ <a class="uk-icon-button" href="#" uk-icon="icon: trash"></a>
1753
+ </li>
1754
+ </ul>
1755
+ </div>
1756
+
1757
+ </div>
1758
+ </div>
1759
+ </nav>
1760
+
1710
1761
  <h2>Layouts</h2>
1711
1762
 
1712
1763
  </div>
package/src/js/core/core.js DELETED
@@ -1,25 +0,0 @@
1
- import { css, inBrowser, on, toMs } from 'uikit-util';
2
-
3
- export default function () {
4
- if (!inBrowser) {
5
- return;
6
- }
7
-
8
- let started = 0;
9
- on(
10
- document,
11
- 'animationstart',
12
- ({ target }) => {
13
- if ((css(target, 'animationName') || '').match(/^uk-.*(left|right)/)) {
14
- started++;
15
- css(document.documentElement, 'overflowX', 'hidden');
16
- setTimeout(() => {
17
- if (!--started) {
18
- css(document.documentElement, 'overflowX', '');
19
- }
20
- }, toMs(css(target, 'animationDuration')) + 100);
21
- }
22
- },
23
- true
24
- );
25
- }