uikit 3.13.8-dev.62c5f9d37 → 3.13.8-dev.ecda751d3

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 (67) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/dist/css/uikit-core-rtl.css +34 -5
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +34 -5
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +34 -3
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +34 -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 +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 +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 +1 -1
  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 +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 +18 -55
  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 +54 -58
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +5 -5
  43. package/src/js/components/tooltip.js +38 -3
  44. package/src/js/core/accordion.js +1 -1
  45. package/src/js/core/drop.js +6 -5
  46. package/src/js/core/navbar.js +1 -1
  47. package/src/js/mixin/position.js +4 -43
  48. package/src/js/util/position.js +4 -1
  49. package/src/less/components/dropdown.less +11 -1
  50. package/src/less/components/nav.less +22 -0
  51. package/src/less/components/navbar.less +22 -2
  52. package/src/less/theme/dropdown.less +2 -0
  53. package/src/less/theme/nav.less +4 -0
  54. package/src/less/theme/navbar.less +2 -0
  55. package/src/scss/components/dropdown.scss +11 -1
  56. package/src/scss/components/nav.scss +22 -0
  57. package/src/scss/components/navbar.scss +22 -2
  58. package/src/scss/mixins-theme.scss +4 -0
  59. package/src/scss/mixins.scss +4 -0
  60. package/src/scss/theme/dropdown.scss +2 -0
  61. package/src/scss/theme/nav.scss +4 -0
  62. package/src/scss/theme/navbar.scss +2 -0
  63. package/src/scss/variables-theme.scss +5 -1
  64. package/src/scss/variables.scss +5 -1
  65. package/tests/dropdown.html +16 -2
  66. package/tests/nav.html +27 -0
  67. package/tests/navbar.html +18 -4
package/src/scss/theme/nav.scss CHANGED
@@ -49,6 +49,8 @@ $nav-default-font-size: $global-small-font-size !defaul
49
49
 
50
50
  // @mixin hook-nav-default-item-active(){}
51
51
 
52
+ // @mixin hook-nav-default-subtitle(){}
53
+
52
54
  // @mixin hook-nav-default-header(){}
53
55
 
54
56
  // @mixin hook-nav-default-divider(){}
@@ -65,6 +67,8 @@ $nav-default-font-size: $global-small-font-size !defaul
65
67
 
66
68
  // @mixin hook-nav-primary-item-active(){}
67
69
 
70
+ // @mixin hook-nav-primary-subtitle(){}
71
+
68
72
  // @mixin hook-nav-primary-header(){}
69
73
 
70
74
  // @mixin hook-nav-primary-divider(){}
package/src/scss/theme/navbar.scss CHANGED
@@ -105,6 +105,8 @@ $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-bo
105
105
 
106
106
  // @mixin hook-navbar-dropdown-nav-item-hover(){}
107
107
 
108
+ // @mixin hook-navbar-dropdown-nav-subtitle(){}
109
+
108
110
  // @mixin hook-navbar-dropdown-nav-header(){}
109
111
 
110
112
  // @mixin hook-navbar-dropdown-nav-divider(){}
package/src/scss/variables-theme.scss CHANGED
@@ -376,6 +376,7 @@ $dropdown-background: $global-background !default;
376
376
  $dropdown-color: $global-color !default;
377
377
  $dropdown-nav-item-color: $global-muted-color !default;
378
378
  $dropdown-nav-item-hover-color: $global-color !default;
379
+ $dropdown-nav-subtitle-font-size: $global-small-font-size !default;
379
380
  $dropdown-nav-header-color: $global-emphasis-color !default;
380
381
  $dropdown-nav-divider-border-width: $global-border-width !default;
381
382
  $dropdown-nav-divider-border: $global-border !default;
@@ -684,6 +685,7 @@ $nav-divider-margin-horizontal: 0 !default;
684
685
  $nav-default-item-color: $global-muted-color !default;
685
686
  $nav-default-item-hover-color: $global-color !default;
686
687
  $nav-default-item-active-color: $global-emphasis-color !default;
688
+ $nav-default-subtitle-font-size: $global-small-font-size !default;
687
689
  $nav-default-header-color: $global-emphasis-color !default;
688
690
  $nav-default-divider-border-width: $global-border-width !default;
689
691
  $nav-default-divider-border: $global-border !default;
@@ -695,6 +697,7 @@ $nav-primary-item-line-height: $global-line-height !default;
695
697
  $nav-primary-item-color: $global-muted-color !default;
696
698
  $nav-primary-item-hover-color: $global-color !default;
697
699
  $nav-primary-item-active-color: $global-emphasis-color !default;
700
+ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
698
701
  $nav-primary-header-color: $global-emphasis-color !default;
699
702
  $nav-primary-divider-border-width: $global-border-width !default;
700
703
  $nav-primary-divider-border: $global-border !default;
@@ -748,10 +751,11 @@ $navbar-dropdown-grid-gutter-horizontal: ($navbar-dropdown-padding * 2) !default
748
751
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
749
752
  $navbar-dropdown-dropbar-margin-top: 0px !default;
750
753
  $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
751
- $navbar-dropdown-dropbar-padding: $navbar-nav-item-padding-horizontal !default;
754
+ $navbar-dropdown-dropbar-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
752
755
  $navbar-dropdown-nav-item-color: $global-muted-color !default;
753
756
  $navbar-dropdown-nav-item-hover-color: $global-color !default;
754
757
  $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
758
+ $navbar-dropdown-nav-subtitle-font-size: $global-small-font-size !default;
755
759
  $navbar-dropdown-nav-header-color: $global-emphasis-color !default;
756
760
  $navbar-dropdown-nav-divider-border-width: $global-border-width !default;
757
761
  $navbar-dropdown-nav-divider-border: $global-border !default;
package/src/scss/variables.scss CHANGED
@@ -375,6 +375,7 @@ $dropdown-background: $global-muted-background !default;
375
375
  $dropdown-color: $global-color !default;
376
376
  $dropdown-nav-item-color: $global-muted-color !default;
377
377
  $dropdown-nav-item-hover-color: $global-color !default;
378
+ $dropdown-nav-subtitle-font-size: $global-small-font-size !default;
378
379
  $dropdown-nav-header-color: $global-emphasis-color !default;
379
380
  $dropdown-nav-divider-border-width: $global-border-width !default;
380
381
  $dropdown-nav-divider-border: $global-border !default;
@@ -682,6 +683,7 @@ $nav-divider-margin-horizontal: 0 !default;
682
683
  $nav-default-item-color: $global-muted-color !default;
683
684
  $nav-default-item-hover-color: $global-color !default;
684
685
  $nav-default-item-active-color: $global-emphasis-color !default;
686
+ $nav-default-subtitle-font-size: $global-small-font-size !default;
685
687
  $nav-default-header-color: $global-emphasis-color !default;
686
688
  $nav-default-divider-border-width: $global-border-width !default;
687
689
  $nav-default-divider-border: $global-border !default;
@@ -693,6 +695,7 @@ $nav-primary-item-line-height: $global-line-height !default;
693
695
  $nav-primary-item-color: $global-muted-color !default;
694
696
  $nav-primary-item-hover-color: $global-color !default;
695
697
  $nav-primary-item-active-color: $global-emphasis-color !default;
698
+ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
696
699
  $nav-primary-header-color: $global-emphasis-color !default;
697
700
  $nav-primary-divider-border-width: $global-border-width !default;
698
701
  $nav-primary-divider-border: $global-border !default;
@@ -746,10 +749,11 @@ $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
746
749
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
747
750
  $navbar-dropdown-dropbar-margin-top: 0px !default;
748
751
  $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
749
- $navbar-dropdown-dropbar-padding: $navbar-nav-item-padding-horizontal !default;
752
+ $navbar-dropdown-dropbar-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
750
753
  $navbar-dropdown-nav-item-color: $global-muted-color !default;
751
754
  $navbar-dropdown-nav-item-hover-color: $global-color !default;
752
755
  $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
756
+ $navbar-dropdown-nav-subtitle-font-size: $global-small-font-size !default;
753
757
  $navbar-dropdown-nav-header-color: $global-emphasis-color !default;
754
758
  $navbar-dropdown-nav-divider-border-width: $global-border-width !default;
755
759
  $navbar-dropdown-nav-divider-border: $global-border !default;
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-3@m">
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-2-3@m">
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
 
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>