uikit 3.14.4-dev.2dc50ec60 → 3.14.4-dev.3c3ec2cad

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 (135) hide show
  1. package/CHANGELOG.md +39 -18
  2. package/build/util.js +1 -0
  3. package/dist/css/uikit-core-rtl.css +330 -78
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +330 -78
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +352 -107
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +352 -107
  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 +98 -131
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +98 -131
  18. package/dist/js/components/lightbox.min.js +1 -1
  19. package/dist/js/components/notification.js +4 -2
  20. package/dist/js/components/notification.min.js +1 -1
  21. package/dist/js/components/parallax.js +4 -5
  22. package/dist/js/components/parallax.min.js +1 -1
  23. package/dist/js/components/slider-parallax.js +4 -5
  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 +4 -5
  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 +104 -139
  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 +531 -503
  38. package/dist/js/uikit-core.min.js +17 -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 +534 -504
  42. package/dist/js/uikit.min.js +17 -1
  43. package/package.json +11 -11
  44. package/src/images/components/navbar-toggle-icon.svg +25 -3
  45. package/src/js/api/hooks.js +5 -1
  46. package/src/js/api/state.js +2 -2
  47. package/src/js/components/notification.js +3 -1
  48. package/src/js/core/accordion.js +9 -17
  49. package/src/js/core/alert.js +35 -14
  50. package/src/js/core/drop.js +110 -82
  51. package/src/js/core/height-viewport.js +4 -2
  52. package/src/js/core/index.js +1 -1
  53. package/src/js/core/leader.js +2 -2
  54. package/src/js/core/navbar.js +30 -45
  55. package/src/js/core/offcanvas.js +8 -4
  56. package/src/js/core/scroll.js +37 -10
  57. package/src/js/core/toggle.js +3 -5
  58. package/src/js/mixin/media.js +4 -5
  59. package/src/js/mixin/modal.js +15 -12
  60. package/src/js/mixin/position.js +24 -26
  61. package/src/js/mixin/style.js +11 -0
  62. package/src/js/mixin/togglable.js +90 -124
  63. package/src/js/util/animation.js +9 -7
  64. package/src/js/util/class.js +3 -1
  65. package/src/js/util/filter.js +3 -7
  66. package/src/js/util/position.js +136 -130
  67. package/src/js/util/style.js +4 -13
  68. package/src/js/util/viewport.js +3 -5
  69. package/src/less/components/_import.less +1 -0
  70. package/src/less/components/drop.less +1 -18
  71. package/src/less/components/dropbar.less +126 -0
  72. package/src/less/components/dropdown.less +11 -19
  73. package/src/less/components/leader.less +1 -1
  74. package/src/less/components/nav.less +217 -33
  75. package/src/less/components/navbar.less +33 -54
  76. package/src/less/components/utility.less +10 -2
  77. package/src/less/theme/_import.less +1 -0
  78. package/src/less/theme/dropbar.less +44 -0
  79. package/src/less/theme/dropdown.less +0 -11
  80. package/src/less/theme/nav.less +45 -7
  81. package/src/less/theme/navbar.less +5 -36
  82. package/src/scss/components/_import.scss +1 -0
  83. package/src/scss/components/drop.scss +1 -18
  84. package/src/scss/components/dropbar.scss +126 -0
  85. package/src/scss/components/dropdown.scss +11 -19
  86. package/src/scss/components/leader.scss +1 -1
  87. package/src/scss/components/nav.scss +166 -32
  88. package/src/scss/components/navbar.scss +33 -54
  89. package/src/scss/components/utility.scss +8 -1
  90. package/src/scss/mixins-theme.scss +83 -36
  91. package/src/scss/mixins.scss +79 -4
  92. package/src/scss/theme/_import.scss +1 -0
  93. package/src/scss/theme/dropbar.scss +44 -0
  94. package/src/scss/theme/dropdown.scss +0 -8
  95. package/src/scss/theme/nav.scss +43 -7
  96. package/src/scss/theme/navbar.scss +4 -8
  97. package/src/scss/variables-theme.scss +59 -18
  98. package/src/scss/variables.scss +47 -13
  99. package/tests/accordion.html +2 -2
  100. package/tests/alert.html +2 -2
  101. package/tests/countdown.html +1 -1
  102. package/tests/drop.html +446 -416
  103. package/tests/dropbar.html +458 -0
  104. package/tests/dropdown.html +8 -470
  105. package/tests/filter.html +9 -12
  106. package/tests/flex.html +36 -36
  107. package/tests/form.html +1 -1
  108. package/tests/grid.html +22 -22
  109. package/tests/height.html +6 -6
  110. package/tests/index.html +127 -108
  111. package/tests/js/index.js +1 -4
  112. package/tests/lightbox.html +5 -5
  113. package/tests/list.html +8 -8
  114. package/tests/modal.html +13 -13
  115. package/tests/nav.html +121 -12
  116. package/tests/navbar.html +111 -226
  117. package/tests/offcanvas.html +10 -14
  118. package/tests/pagination.html +6 -6
  119. package/tests/parallax.html +1 -1
  120. package/tests/position.html +18 -16
  121. package/tests/progress.html +9 -9
  122. package/tests/scroll.html +7 -10
  123. package/tests/search.html +6 -6
  124. package/tests/slider.html +6 -5
  125. package/tests/slideshow.html +8 -8
  126. package/tests/sortable.html +6 -8
  127. package/tests/sticky-navbar.html +15 -15
  128. package/tests/sticky.html +8 -8
  129. package/tests/switcher.html +1 -1
  130. package/tests/tab.html +1 -1
  131. package/tests/table.html +7 -7
  132. package/tests/toggle.html +2 -2
  133. package/tests/tooltip.html +1 -1
  134. package/tests/upload.html +11 -11
  135. package/tests/utility.html +35 -16
package/src/scss/theme/navbar.scss CHANGED
@@ -20,7 +20,6 @@ $navbar-item-padding-horizontal: 0 !default;
20
20
  $navbar-dropdown-margin: 15px !default;
21
21
  $navbar-dropdown-padding: 25px !default;
22
22
  $navbar-dropdown-background: $global-background !default;
23
- $navbar-dropdown-grid-gutter-horizontal: ($navbar-dropdown-padding * 2) !default;
24
23
 
25
24
  $navbar-dropdown-nav-subtitle-font-size: 12px !default;
26
25
 
@@ -34,11 +33,6 @@ $navbar-dropdown-nav-font-size: $global-small-font-size !defaul
34
33
 
35
34
  $navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
36
35
 
37
- $navbar-dropbar-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05) !default;
38
-
39
- $navbar-dropdown-grid-divider-border-width: $global-border-width !default;
40
- $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-border !default;
41
-
42
36
 
43
37
  // Component
44
38
  // ========================================================================
@@ -103,9 +97,11 @@ $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-bo
103
97
 
104
98
 
105
99
 
100
+ // @mixin hook-navbar-dropdown-large(){}
106
101
 
107
102
 
108
103
 
104
+ // @mixin hook-navbar-dropdown-dropbar-large(){}
109
105
 
110
106
 
111
107
  // Dropdown nav
@@ -127,13 +123,13 @@ $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-bo
127
123
  // Dropbar
128
124
  // ========================================================================
129
125
 
130
-
126
+ // @mixin hook-navbar-dropbar(){}
131
127
 
132
128
 
133
129
  // Miscellaneous
134
130
  // ========================================================================
135
131
 
136
-
132
+ // @mixin hook-navbar-misc(){}
137
133
 
138
134
 
139
135
  // Inverse
package/src/scss/variables-theme.scss CHANGED
@@ -369,6 +369,18 @@ $drop-z-index: $global-z-index + 20 !default;
369
369
  $drop-margin: $global-margin !default;
370
370
  $drop-viewport-margin: 15px !default;
371
371
  $drop-width: 300px !default;
372
+ $dropbar-margin: 0 !default;
373
+ $dropbar-z-index: $global-z-index + 20 !default;
374
+ $dropbar-padding-top: 25px !default;
375
+ $dropbar-padding-bottom: $dropbar-padding-top !default;
376
+ $dropbar-padding-horizontal: 15px !default;
377
+ $dropbar-padding-horizontal-s: $global-gutter !default;
378
+ $dropbar-padding-horizontal-m: $global-medium-gutter !default;
379
+ $dropbar-background: $global-background !default;
380
+ $dropbar-color: $global-color !default;
381
+ $dropbar-color-mode: none !default;
382
+ $dropbar-large-padding-top: 40px !default;
383
+ $dropbar-large-padding-bottom: $dropbar-large-padding-top !default;
372
384
  $dropdown-z-index: $global-z-index + 20 !default;
373
385
  $dropdown-margin: $global-small-margin !default;
374
386
  $dropdown-viewport-margin: 15px !default;
@@ -376,6 +388,7 @@ $dropdown-min-width: 200px !default;
376
388
  $dropdown-padding: 25px !default;
377
389
  $dropdown-background: $global-background !default;
378
390
  $dropdown-color: $global-color !default;
391
+ $dropdown-color-mode: none !default;
379
392
  $dropdown-large-padding: 40px !default;
380
393
  $dropdown-nav-item-color: $global-muted-color !default;
381
394
  $dropdown-nav-item-hover-color: $global-color !default;
@@ -681,9 +694,7 @@ $nav-sublist-padding-vertical: 5px !default;
681
694
  $nav-sublist-padding-left: 15px !default;
682
695
  $nav-sublist-deeper-padding-left: 15px !default;
683
696
  $nav-sublist-item-padding-vertical: 2px !default;
684
- $nav-parent-icon-width: ($global-line-height * 1em) !default;
685
- $nav-parent-icon-height: $nav-parent-icon-width !default;
686
- $nav-parent-icon-color: $global-color !default;
697
+ $nav-parent-icon-margin-left: 4px !default;
687
698
  $nav-header-padding-vertical: $nav-item-padding-vertical !default;
688
699
  $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
689
700
  $nav-header-font-size: $global-small-font-size !default;
@@ -719,10 +730,26 @@ $nav-primary-sublist-line-height: $global-line-height !default;
719
730
  $nav-primary-sublist-item-color: $global-muted-color !default;
720
731
  $nav-primary-sublist-item-hover-color: $global-color !default;
721
732
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
722
- $nav-dividers-margin-top: 0 !default;
733
+ $nav-secondary-font-size: $global-font-size !default;
734
+ $nav-secondary-line-height: $global-line-height !default;
735
+ $nav-secondary-item-color: $global-emphasis-color !default;
736
+ $nav-secondary-item-hover-color: $global-emphasis-color !default;
737
+ $nav-secondary-item-active-color: $global-emphasis-color !default;
738
+ $nav-secondary-subtitle-font-size: $global-small-font-size !default;
739
+ $nav-secondary-subtitle-color: $global-muted-color !default;
740
+ $nav-secondary-subtitle-hover-color: $global-color !default;
741
+ $nav-secondary-subtitle-active-color: $global-emphasis-color !default;
742
+ $nav-secondary-header-color: $global-emphasis-color !default;
743
+ $nav-secondary-divider-border-width: $global-border-width !default;
744
+ $nav-secondary-divider-border: $global-border !default;
745
+ $nav-secondary-sublist-font-size: $global-small-font-size !default;
746
+ $nav-secondary-sublist-line-height: $global-line-height !default;
747
+ $nav-secondary-sublist-item-color: $global-muted-color !default;
748
+ $nav-secondary-sublist-item-hover-color: $global-color !default;
749
+ $nav-secondary-sublist-item-active-color: $global-emphasis-color !default;
750
+ $nav-dividers-margin-top: 5px !default;
723
751
  $nav-dividers-border-width: $global-border-width !default;
724
752
  $nav-dividers-border: $global-border !default;
725
- $inverse-nav-parent-icon-color: $inverse-global-color !default;
726
753
  $inverse-nav-default-item-color: $inverse-global-muted-color !default;
727
754
  $inverse-nav-default-item-hover-color: $inverse-global-color !default;
728
755
  $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
@@ -739,6 +766,17 @@ $inverse-nav-primary-divider-border: $inverse-global-border !default;
739
766
  $inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default;
740
767
  $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
741
768
  $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
769
+ $inverse-nav-secondary-item-color: $inverse-global-emphasis-color !default;
770
+ $inverse-nav-secondary-item-hover-color: $inverse-global-emphasis-color !default;
771
+ $inverse-nav-secondary-item-active-color: $inverse-global-emphasis-color !default;
772
+ $inverse-nav-secondary-subtitle-color: $inverse-global-muted-color !default;
773
+ $inverse-nav-secondary-subtitle-hover-color: $inverse-global-color !default;
774
+ $inverse-nav-secondary-subtitle-active-color: $inverse-global-emphasis-color !default;
775
+ $inverse-nav-secondary-header-color: $inverse-global-emphasis-color !default;
776
+ $inverse-nav-secondary-divider-border: $inverse-global-border !default;
777
+ $inverse-nav-secondary-sublist-item-color: $inverse-global-muted-color !default;
778
+ $inverse-nav-secondary-sublist-item-hover-color: $inverse-global-color !default;
779
+ $inverse-nav-secondary-sublist-item-active-color: $inverse-global-emphasis-color !default;
742
780
  $inverse-nav-dividers-border: $inverse-global-border !default;
743
781
  $navbar-background: $global-muted-background !default;
744
782
  $navbar-gap: 30px !default;
@@ -767,22 +805,19 @@ $navbar-dropdown-padding: 25px !default;
767
805
  $navbar-dropdown-background: $global-background !default;
768
806
  $navbar-dropdown-color: $global-color !default;
769
807
  $navbar-dropdown-color-mode: none !default;
770
- $navbar-dropdown-grid-gutter-horizontal: ($navbar-dropdown-padding * 2) !default;
808
+ $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
771
809
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
772
810
  $navbar-dropdown-large-shift-margin: 0 !default;
773
811
  $navbar-dropdown-large-padding: 40px !default;
774
- $navbar-dropdown-stretch-padding-top: 15px !default;
775
- $navbar-dropdown-stretch-padding-bottom: $navbar-dropdown-stretch-padding-top !default;
776
- $navbar-dropdown-stretch-padding-horizontal: 15px !default;
777
- $navbar-dropdown-stretch-padding-horizontal-s: $global-gutter !default;
778
- $navbar-dropdown-stretch-padding-horizontal-m: $global-medium-gutter !default;
779
- $navbar-dropdown-stretch-background: $navbar-dropdown-background !default;
812
+ $navbar-dropdown-dropbar-shift-margin: 0 !default;
780
813
  $navbar-dropdown-dropbar-padding-top: $navbar-dropdown-padding !default;
781
814
  $navbar-dropdown-dropbar-padding-bottom: $navbar-dropdown-dropbar-padding-top !default;
782
- $navbar-dropdown-dropbar-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
783
815
  $navbar-dropdown-dropbar-viewport-margin: 15px !default;
784
816
  $navbar-dropdown-dropbar-viewport-margin-s: $global-gutter !default;
785
817
  $navbar-dropdown-dropbar-viewport-margin-m: $global-medium-gutter !default;
818
+ $navbar-dropdown-dropbar-large-shift-margin: 0 !default;
819
+ $navbar-dropdown-dropbar-large-padding-top: $navbar-dropdown-large-padding !default;
820
+ $navbar-dropdown-dropbar-large-padding-bottom: $navbar-dropdown-dropbar-large-padding-top !default;
786
821
  $navbar-dropdown-nav-item-color: $global-muted-color !default;
787
822
  $navbar-dropdown-nav-item-hover-color: $global-color !default;
788
823
  $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
@@ -793,7 +828,6 @@ $navbar-dropdown-nav-divider-border: $global-border !default;
793
828
  $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
794
829
  $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
795
830
  $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
796
- $navbar-dropbar-background: $navbar-dropdown-background !default;
797
831
  $navbar-dropbar-z-index: $global-z-index - 20 !default;
798
832
  $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
799
833
  $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
@@ -1158,9 +1192,12 @@ $dotnav-item-border: rgba($global-color, 0.4) !default;
1158
1192
  $dotnav-item-hover-border: transparent !default;
1159
1193
  $dotnav-item-onclick-border: transparent !default;
1160
1194
  $dotnav-item-active-border: transparent !default;
1195
+ $dropbar-top-box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05) !default;
1196
+ $dropbar-bottom-box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05) !default;
1197
+ $dropbar-left-box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05) !default;
1198
+ $dropbar-right-box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05) !default;
1161
1199
  $dropdown-nav-font-size: $global-small-font-size !default;
1162
1200
  $dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
1163
- $dropdown-stretch-background: $global-muted-background !default;
1164
1201
  $form-range-thumb-border-width: $global-border-width !default;
1165
1202
  $form-range-thumb-border: darken($global-border, 10%) !default;
1166
1203
  $form-range-track-border-radius: 500px !default;
@@ -1190,12 +1227,16 @@ $modal-footer-border-width: $global-border-width !default;
1190
1227
  $modal-footer-border: $global-border !default;
1191
1228
  $modal-close-full-padding: $global-margin !default;
1192
1229
  $modal-close-full-background: $modal-dialog-background !default;
1230
+ $nav-background-margin-top: 0 !default;
1231
+ $nav-background-item-padding-horizontal: 10px !default;
1232
+ $nav-background-item-padding-vertical: 10px !default;
1233
+ $nav-background-item-hover-background: $global-muted-background !default;
1234
+ $nav-background-item-active-background: $global-muted-background !default;
1235
+ $inverse-nav-background-item-hover-background: $inverse-global-muted-background !default;
1236
+ $inverse-nav-background-item-active-background: $inverse-global-muted-background !default;
1193
1237
  $navbar-nav-item-text-transform: uppercase !default;
1194
1238
  $navbar-dropdown-nav-font-size: $global-small-font-size !default;
1195
1239
  $navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
1196
- $navbar-dropbar-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05) !default;
1197
- $navbar-dropdown-grid-divider-border-width: $global-border-width !default;
1198
- $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-border !default;
1199
1240
  $placeholder-border-width: $global-border-width !default;
1200
1241
  $placeholder-border: $global-border !default;
1201
1242
  $progress-border-radius: 500px !default;
package/src/scss/variables.scss CHANGED
@@ -368,6 +368,18 @@ $drop-z-index: $global-z-index + 20 !default;
368
368
  $drop-margin: $global-margin !default;
369
369
  $drop-viewport-margin: 15px !default;
370
370
  $drop-width: 300px !default;
371
+ $dropbar-margin: 0 !default;
372
+ $dropbar-z-index: $global-z-index + 20 !default;
373
+ $dropbar-padding-top: 15px !default;
374
+ $dropbar-padding-bottom: $dropbar-padding-top !default;
375
+ $dropbar-padding-horizontal: 15px !default;
376
+ $dropbar-padding-horizontal-s: $global-gutter !default;
377
+ $dropbar-padding-horizontal-m: $global-medium-gutter !default;
378
+ $dropbar-background: $global-muted-background !default;
379
+ $dropbar-color: $global-color !default;
380
+ $dropbar-color-mode: none !default;
381
+ $dropbar-large-padding-top: 40px !default;
382
+ $dropbar-large-padding-bottom: $dropbar-large-padding-top !default;
371
383
  $dropdown-z-index: $global-z-index + 20 !default;
372
384
  $dropdown-margin: $global-small-margin !default;
373
385
  $dropdown-viewport-margin: 15px !default;
@@ -375,6 +387,7 @@ $dropdown-min-width: 200px !default;
375
387
  $dropdown-padding: 15px !default;
376
388
  $dropdown-background: $global-muted-background !default;
377
389
  $dropdown-color: $global-color !default;
390
+ $dropdown-color-mode: none !default;
378
391
  $dropdown-large-padding: 40px !default;
379
392
  $dropdown-nav-item-color: $global-muted-color !default;
380
393
  $dropdown-nav-item-hover-color: $global-color !default;
@@ -679,9 +692,7 @@ $nav-sublist-padding-vertical: 5px !default;
679
692
  $nav-sublist-padding-left: 15px !default;
680
693
  $nav-sublist-deeper-padding-left: 15px !default;
681
694
  $nav-sublist-item-padding-vertical: 2px !default;
682
- $nav-parent-icon-width: ($global-line-height * 1em) !default;
683
- $nav-parent-icon-height: $nav-parent-icon-width !default;
684
- $nav-parent-icon-color: $global-color !default;
695
+ $nav-parent-icon-margin-left: 4px !default;
685
696
  $nav-header-padding-vertical: $nav-item-padding-vertical !default;
686
697
  $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
687
698
  $nav-header-font-size: $global-small-font-size !default;
@@ -717,10 +728,26 @@ $nav-primary-sublist-line-height: $global-line-height !default;
717
728
  $nav-primary-sublist-item-color: $global-muted-color !default;
718
729
  $nav-primary-sublist-item-hover-color: $global-color !default;
719
730
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
720
- $nav-dividers-margin-top: 0 !default;
731
+ $nav-secondary-font-size: $global-font-size !default;
732
+ $nav-secondary-line-height: $global-line-height !default;
733
+ $nav-secondary-item-color: $global-emphasis-color !default;
734
+ $nav-secondary-item-hover-color: $global-emphasis-color !default;
735
+ $nav-secondary-item-active-color: $global-emphasis-color !default;
736
+ $nav-secondary-subtitle-font-size: $global-small-font-size !default;
737
+ $nav-secondary-subtitle-color: $global-muted-color !default;
738
+ $nav-secondary-subtitle-hover-color: $global-color !default;
739
+ $nav-secondary-subtitle-active-color: $global-emphasis-color !default;
740
+ $nav-secondary-header-color: $global-emphasis-color !default;
741
+ $nav-secondary-divider-border-width: $global-border-width !default;
742
+ $nav-secondary-divider-border: $global-border !default;
743
+ $nav-secondary-sublist-font-size: $global-small-font-size !default;
744
+ $nav-secondary-sublist-line-height: $global-line-height !default;
745
+ $nav-secondary-sublist-item-color: $global-muted-color !default;
746
+ $nav-secondary-sublist-item-hover-color: $global-color !default;
747
+ $nav-secondary-sublist-item-active-color: $global-emphasis-color !default;
748
+ $nav-dividers-margin-top: 5px !default;
721
749
  $nav-dividers-border-width: $global-border-width !default;
722
750
  $nav-dividers-border: $global-border !default;
723
- $inverse-nav-parent-icon-color: $inverse-global-color !default;
724
751
  $inverse-nav-default-item-color: $inverse-global-muted-color !default;
725
752
  $inverse-nav-default-item-hover-color: $inverse-global-color !default;
726
753
  $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
@@ -737,6 +764,17 @@ $inverse-nav-primary-divider-border: $inverse-global-border !default;
737
764
  $inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default;
738
765
  $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
739
766
  $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
767
+ $inverse-nav-secondary-item-color: $inverse-global-emphasis-color !default;
768
+ $inverse-nav-secondary-item-hover-color: $inverse-global-emphasis-color !default;
769
+ $inverse-nav-secondary-item-active-color: $inverse-global-emphasis-color !default;
770
+ $inverse-nav-secondary-subtitle-color: $inverse-global-muted-color !default;
771
+ $inverse-nav-secondary-subtitle-hover-color: $inverse-global-color !default;
772
+ $inverse-nav-secondary-subtitle-active-color: $inverse-global-emphasis-color !default;
773
+ $inverse-nav-secondary-header-color: $inverse-global-emphasis-color !default;
774
+ $inverse-nav-secondary-divider-border: $inverse-global-border !default;
775
+ $inverse-nav-secondary-sublist-item-color: $inverse-global-muted-color !default;
776
+ $inverse-nav-secondary-sublist-item-hover-color: $inverse-global-color !default;
777
+ $inverse-nav-secondary-sublist-item-active-color: $inverse-global-emphasis-color !default;
740
778
  $inverse-nav-dividers-border: $inverse-global-border !default;
741
779
  $navbar-background: $global-muted-background !default;
742
780
  $navbar-gap: 0px !default;
@@ -769,18 +807,15 @@ $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
769
807
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
770
808
  $navbar-dropdown-large-shift-margin: 0 !default;
771
809
  $navbar-dropdown-large-padding: 40px !default;
772
- $navbar-dropdown-stretch-padding-top: 15px !default;
773
- $navbar-dropdown-stretch-padding-bottom: $navbar-dropdown-stretch-padding-top !default;
774
- $navbar-dropdown-stretch-padding-horizontal: 15px !default;
775
- $navbar-dropdown-stretch-padding-horizontal-s: $global-gutter !default;
776
- $navbar-dropdown-stretch-padding-horizontal-m: $global-medium-gutter !default;
777
- $navbar-dropdown-stretch-background: $navbar-dropdown-background !default;
810
+ $navbar-dropdown-dropbar-shift-margin: 0 !default;
778
811
  $navbar-dropdown-dropbar-padding-top: $navbar-dropdown-padding !default;
779
812
  $navbar-dropdown-dropbar-padding-bottom: $navbar-dropdown-dropbar-padding-top !default;
780
- $navbar-dropdown-dropbar-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
781
813
  $navbar-dropdown-dropbar-viewport-margin: 15px !default;
782
814
  $navbar-dropdown-dropbar-viewport-margin-s: $global-gutter !default;
783
815
  $navbar-dropdown-dropbar-viewport-margin-m: $global-medium-gutter !default;
816
+ $navbar-dropdown-dropbar-large-shift-margin: 0 !default;
817
+ $navbar-dropdown-dropbar-large-padding-top: $navbar-dropdown-large-padding !default;
818
+ $navbar-dropdown-dropbar-large-padding-bottom: $navbar-dropdown-dropbar-large-padding-top !default;
784
819
  $navbar-dropdown-nav-item-color: $global-muted-color !default;
785
820
  $navbar-dropdown-nav-item-hover-color: $global-color !default;
786
821
  $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
@@ -791,7 +826,6 @@ $navbar-dropdown-nav-divider-border: $global-border !default;
791
826
  $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
792
827
  $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
793
828
  $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
794
- $navbar-dropbar-background: $navbar-dropdown-background !default;
795
829
  $navbar-dropbar-z-index: $global-z-index - 20 !default;
796
830
  $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
797
831
  $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
package/tests/accordion.html CHANGED
@@ -189,9 +189,9 @@
189
189
  </tr>
190
190
  <tr>
191
191
  <td><code>animation</code></td>
192
- <td>String</td>
192
+ <td>Boolean</td>
193
193
  <td>true</td>
194
- <td>The space separated names of animations to use. (Comma separate for animation out)</td>
194
+ <td>Space-separated names of animations. Comma-separated for animation out.</td>
195
195
  </tr>
196
196
  <tr>
197
197
  <td><code>duration</code></td>
package/tests/alert.html CHANGED
@@ -98,9 +98,9 @@
98
98
  <tbody>
99
99
  <tr>
100
100
  <td><code>animation</code></td>
101
- <td>Boolean|String</td>
101
+ <td>Boolean</td>
102
102
  <td>true</td>
103
- <td>On close fade out or use given animation.</td>
103
+ <td>On close fade out.</td>
104
104
  </tr>
105
105
  <tr>
106
106
  <td><code>duration</code></td>
package/tests/countdown.html CHANGED
@@ -114,7 +114,7 @@
114
114
  date.setDate(date.getDate() + 7);
115
115
  date = date.toISOString();
116
116
 
117
- for (const el of document.querySelectorAll('[uk-countdown]')) {
117
+ for (const el of UIkit.util.$$('[uk-countdown]')) {
118
118
  el.setAttribute('date', date);
119
119
  }
120
120