uikit 3.14.3 → 3.14.4-dev.07daf8fb8

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 (145) hide show
  1. package/CHANGELOG.md +54 -3
  2. package/build/util.js +1 -0
  3. package/dist/css/uikit-core-rtl.css +428 -95
  4. package/dist/css/uikit-core-rtl.min.css +1 -1
  5. package/dist/css/uikit-core.css +428 -95
  6. package/dist/css/uikit-core.min.css +1 -1
  7. package/dist/css/uikit-rtl.css +444 -108
  8. package/dist/css/uikit-rtl.min.css +1 -1
  9. package/dist/css/uikit.css +444 -108
  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 +7 -5
  14. package/dist/js/components/filter.min.js +1 -1
  15. package/dist/js/components/lightbox-panel.js +203 -76
  16. package/dist/js/components/lightbox-panel.min.js +1 -1
  17. package/dist/js/components/lightbox.js +203 -76
  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 +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 +22 -7
  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 +22 -7
  30. package/dist/js/components/slideshow.min.js +1 -1
  31. package/dist/js/components/sortable.js +3 -3
  32. package/dist/js/components/sortable.min.js +1 -1
  33. package/dist/js/components/tooltip.js +138 -76
  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 +1801 -1573
  38. package/dist/js/uikit-core.min.js +14 -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 +1081 -836
  42. package/dist/js/uikit.min.js +14 -1
  43. package/package.json +1 -1
  44. package/src/images/{backgrounds/nav-parent-open.svg → components/nav-parent-icon-large.svg} +0 -0
  45. package/src/images/components/nav-parent-icon.svg +3 -0
  46. package/src/images/components/navbar-parent-icon.svg +3 -0
  47. package/src/images/components/navbar-toggle-icon.svg +22 -3
  48. package/src/js/api/state.js +2 -2
  49. package/src/js/components/filter.js +5 -3
  50. package/src/js/components/sortable.js +2 -3
  51. package/src/js/core/accordion.js +9 -17
  52. package/src/js/core/alert.js +35 -14
  53. package/src/js/core/drop.js +102 -48
  54. package/src/js/core/height-viewport.js +22 -9
  55. package/src/js/core/icon.js +16 -0
  56. package/src/js/core/index.js +2 -0
  57. package/src/js/core/leader.js +2 -2
  58. package/src/js/core/navbar.js +47 -33
  59. package/src/js/core/offcanvas.js +1 -47
  60. package/src/js/core/scroll.js +37 -10
  61. package/src/js/core/sticky.js +8 -9
  62. package/src/js/core/switcher.js +1 -1
  63. package/src/js/mixin/media.js +4 -5
  64. package/src/js/mixin/modal.js +97 -8
  65. package/src/js/mixin/position.js +59 -14
  66. package/src/js/mixin/slider-drag.js +20 -8
  67. package/src/js/mixin/style.js +11 -0
  68. package/src/js/mixin/togglable.js +100 -72
  69. package/src/js/util/animation.js +5 -3
  70. package/src/js/util/dimensions.js +6 -6
  71. package/src/js/util/filter.js +3 -7
  72. package/src/js/util/position.js +43 -47
  73. package/src/js/util/style.js +4 -13
  74. package/src/js/util/viewport.js +21 -37
  75. package/src/less/components/_import.less +1 -0
  76. package/src/less/components/drop.less +3 -6
  77. package/src/less/components/dropbar.less +115 -0
  78. package/src/less/components/dropdown.less +22 -6
  79. package/src/less/components/leader.less +1 -1
  80. package/src/less/components/margin.less +13 -14
  81. package/src/less/components/modal.less +19 -4
  82. package/src/less/components/nav.less +241 -64
  83. package/src/less/components/navbar.less +111 -35
  84. package/src/less/components/offcanvas.less +21 -21
  85. package/src/less/components/position.less +1 -1
  86. package/src/less/components/utility.less +21 -5
  87. package/src/less/theme/_import.less +1 -0
  88. package/src/less/theme/dropbar.less +44 -0
  89. package/src/less/theme/nav.less +43 -9
  90. package/src/less/theme/navbar.less +9 -15
  91. package/src/scss/components/_import.scss +1 -0
  92. package/src/scss/components/drop.scss +3 -6
  93. package/src/scss/components/dropbar.scss +115 -0
  94. package/src/scss/components/dropdown.scss +22 -6
  95. package/src/scss/components/leader.scss +1 -1
  96. package/src/scss/components/margin.scss +13 -14
  97. package/src/scss/components/modal.scss +19 -4
  98. package/src/scss/components/nav.scss +190 -52
  99. package/src/scss/components/navbar.scss +88 -24
  100. package/src/scss/components/offcanvas.scss +21 -21
  101. package/src/scss/components/position.scss +1 -1
  102. package/src/scss/components/utility.scss +19 -4
  103. package/src/scss/mixins-theme.scss +93 -29
  104. package/src/scss/mixins.scss +89 -15
  105. package/src/scss/theme/_import.scss +1 -0
  106. package/src/scss/theme/dropbar.scss +44 -0
  107. package/src/scss/theme/nav.scss +41 -9
  108. package/src/scss/theme/navbar.scss +9 -3
  109. package/src/scss/variables-theme.scss +93 -25
  110. package/src/scss/variables.scss +82 -23
  111. package/tests/accordion.html +2 -2
  112. package/tests/alert.html +2 -2
  113. package/tests/countdown.html +1 -1
  114. package/tests/drop.html +484 -255
  115. package/tests/dropbar.html +456 -0
  116. package/tests/dropdown.html +29 -189
  117. package/tests/filter.html +9 -12
  118. package/tests/form.html +1 -1
  119. package/tests/height-viewport.html +62 -0
  120. package/tests/index.html +126 -107
  121. package/tests/js/index.js +1 -4
  122. package/tests/lightbox.html +5 -5
  123. package/tests/list.html +8 -8
  124. package/tests/modal.html +13 -13
  125. package/tests/nav.html +117 -75
  126. package/tests/navbar.html +2270 -1104
  127. package/tests/offcanvas.html +25 -29
  128. package/tests/parallax.html +1 -1
  129. package/tests/position.html +13 -24
  130. package/tests/progress.html +9 -9
  131. package/tests/scroll.html +7 -10
  132. package/tests/search.html +5 -5
  133. package/tests/slider.html +6 -5
  134. package/tests/slideshow.html +8 -8
  135. package/tests/sortable.html +6 -8
  136. package/tests/sticky-navbar.html +132 -0
  137. package/tests/sticky.html +8 -8
  138. package/tests/switcher.html +1 -1
  139. package/tests/tab.html +1 -1
  140. package/tests/table.html +7 -7
  141. package/tests/toggle.html +2 -2
  142. package/tests/tooltip.html +1 -1
  143. package/tests/upload.html +11 -11
  144. package/tests/utility.html +19 -0
  145. package/src/images/backgrounds/nav-parent-close.svg +0 -3
package/src/scss/theme/nav.scss CHANGED
@@ -7,13 +7,19 @@
7
7
  // Variables
8
8
  // ========================================================================
9
9
 
10
+ $nav-default-font-size: $global-small-font-size !default;
11
+
10
12
  $nav-default-subtitle-font-size: 12px !default;
11
13
 
12
14
  //
13
15
  // New
14
16
  //
15
17
 
16
- $nav-default-font-size: $global-small-font-size !default;
18
+ $nav-background-margin-top: 0 !default;
19
+ $nav-background-item-padding-horizontal: 10px !default;
20
+ $nav-background-item-padding-vertical: 10px !default;
21
+ $nav-background-item-hover-background: $global-muted-background !default;
22
+ $nav-background-item-active-background: $global-muted-background !default;
17
23
 
18
24
 
19
25
  // Sublists
@@ -22,12 +28,6 @@ $nav-default-font-size: $global-small-font-size !defaul
22
28
  // @mixin hook-nav-sub(){}
23
29
 
24
30
 
25
- // Parent icon modifier
26
- // ========================================================================
27
-
28
- // @mixin hook-nav-parent-icon(){}
29
-
30
-
31
31
  // Header
32
32
  // ========================================================================
33
33
 
@@ -43,7 +43,7 @@ $nav-default-font-size: $global-small-font-size !defaul
43
43
  // Default style modifier
44
44
  // ========================================================================
45
45
 
46
-
46
+ // @mixin hook-nav-default(){}
47
47
 
48
48
  // @mixin hook-nav-default-item(){}
49
49
 
@@ -76,6 +76,28 @@ $nav-default-font-size: $global-small-font-size !defaul
76
76
  // @mixin hook-nav-primary-divider(){}
77
77
 
78
78
 
79
+ // Secondary style modifier
80
+ // ========================================================================
81
+
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+ // @mixin hook-nav-secondary-subtitle(){}
91
+
92
+ // @mixin hook-nav-secondary-subtitle-hover(){}
93
+
94
+ // @mixin hook-nav-secondary-subtitle-active(){}
95
+
96
+ // @mixin hook-nav-secondary-header(){}
97
+
98
+ // @mixin hook-nav-secondary-divider(){}
99
+
100
+
79
101
  // Style modifier
80
102
  // ========================================================================
81
103
 
@@ -91,7 +113,8 @@ $nav-default-font-size: $global-small-font-size !defaul
91
113
  // Inverse
92
114
  // ========================================================================
93
115
 
94
- // @mixin hook-inverse-nav-parent-icon(){}
116
+ $inverse-nav-background-item-hover-background: $inverse-global-muted-background !default;
117
+ $inverse-nav-background-item-active-background: $inverse-global-muted-background !default;
95
118
 
96
119
  // @mixin hook-inverse-nav-default-item(){}
97
120
  // @mixin hook-inverse-nav-default-item-hover(){}
@@ -105,4 +128,13 @@ $nav-default-font-size: $global-small-font-size !defaul
105
128
  // @mixin hook-inverse-nav-primary-header(){}
106
129
  // @mixin hook-inverse-nav-primary-divider(){}
107
130
 
131
+ // @mixin hook-inverse-nav-secondary-item(){}
132
+
133
+
134
+ // @mixin hook-inverse-nav-secondary-subtitle(){}
135
+ // @mixin hook-inverse-nav-secondary-subtitle-hover(){}
136
+ // @mixin hook-inverse-nav-secondary-subtitle-active(){}
137
+ // @mixin hook-inverse-nav-secondary-header(){}
138
+ // @mixin hook-inverse-nav-secondary-divider(){}
139
+
108
140
  // @mixin hook-inverse-nav-dividers(){}
package/src/scss/theme/navbar.scss CHANGED
@@ -7,8 +7,16 @@
7
7
  // Variables
8
8
  // ========================================================================
9
9
 
10
+ $navbar-gap: 30px !default;
11
+
12
+ $navbar-nav-gap: 30px !default;
13
+
14
+ $navbar-nav-item-padding-horizontal: 0 !default;
15
+
10
16
  $navbar-nav-item-font-size: $global-small-font-size !default;
11
17
 
18
+ $navbar-item-padding-horizontal: 0 !default;
19
+
12
20
  $navbar-dropdown-margin: 15px !default;
13
21
  $navbar-dropdown-padding: 25px !default;
14
22
  $navbar-dropdown-background: $global-background !default;
@@ -26,8 +34,6 @@ $navbar-dropdown-nav-font-size: $global-small-font-size !defaul
26
34
 
27
35
  $navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
28
36
 
29
- $navbar-dropbar-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05) !default;
30
-
31
37
  $navbar-dropdown-grid-divider-border-width: $global-border-width !default;
32
38
  $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-border !default;
33
39
 
@@ -117,7 +123,7 @@ $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-bo
117
123
  // Dropbar
118
124
  // ========================================================================
119
125
 
120
-
126
+ // @mixin hook-navbar-dropbar(){}
121
127
 
122
128
 
123
129
  // Miscellaneous
package/src/scss/variables-theme.scss CHANGED
@@ -367,13 +367,27 @@ $inverse-dotnav-item-active-background: rgba($inverse-global-color, 0.9) !defaul
367
367
  $global-z-index: 1000 !default;
368
368
  $drop-z-index: $global-z-index + 20 !default;
369
369
  $drop-margin: $global-margin !default;
370
+ $drop-viewport-margin: 15px !default;
370
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;
371
382
  $dropdown-z-index: $global-z-index + 20 !default;
372
383
  $dropdown-margin: $global-small-margin !default;
384
+ $dropdown-viewport-margin: 15px !default;
373
385
  $dropdown-min-width: 200px !default;
374
386
  $dropdown-padding: 25px !default;
375
387
  $dropdown-background: $global-background !default;
376
388
  $dropdown-color: $global-color !default;
389
+ $dropdown-color-mode: none !default;
390
+ $dropdown-large-padding: 40px !default;
377
391
  $dropdown-nav-item-color: $global-muted-color !default;
378
392
  $dropdown-nav-item-hover-color: $global-color !default;
379
393
  $dropdown-nav-subtitle-font-size: 12px !default;
@@ -650,13 +664,19 @@ $modal-padding-vertical-s: 50px !default;
650
664
  $modal-dialog-width: 600px !default;
651
665
  $modal-dialog-background: $global-background !default;
652
666
  $modal-container-width: 1200px !default;
653
- $modal-body-padding-horizontal: $global-gutter !default;
654
- $modal-body-padding-vertical: $global-gutter !default;
655
- $modal-header-padding-horizontal: $global-gutter !default;
667
+ $modal-body-padding-horizontal: 20px !default;
668
+ $modal-body-padding-vertical: 20px !default;
669
+ $modal-body-padding-horizontal-s: $global-gutter !default;
670
+ $modal-body-padding-vertical-s: $global-gutter !default;
671
+ $modal-header-padding-horizontal: 20px !default;
656
672
  $modal-header-padding-vertical: ($modal-header-padding-horizontal * 0.5) !default;
673
+ $modal-header-padding-horizontal-s: $global-gutter !default;
674
+ $modal-header-padding-vertical-s: ($modal-header-padding-horizontal-s * 0.5) !default;
657
675
  $modal-header-background: $modal-dialog-background !default;
658
- $modal-footer-padding-horizontal: $global-gutter !default;
676
+ $modal-footer-padding-horizontal: 20px !default;
659
677
  $modal-footer-padding-vertical: ($modal-footer-padding-horizontal * 0.5) !default;
678
+ $modal-footer-padding-horizontal-s: $global-gutter !default;
679
+ $modal-footer-padding-vertical-s: ($modal-footer-padding-horizontal-s * 0.5) !default;
660
680
  $modal-footer-background: $modal-dialog-background !default;
661
681
  $modal-title-font-size: $global-xlarge-font-size !default;
662
682
  $modal-title-line-height: 1.3 !default;
@@ -672,9 +692,6 @@ $nav-sublist-padding-vertical: 5px !default;
672
692
  $nav-sublist-padding-left: 15px !default;
673
693
  $nav-sublist-deeper-padding-left: 15px !default;
674
694
  $nav-sublist-item-padding-vertical: 2px !default;
675
- $nav-parent-icon-width: ($global-line-height * 1em) !default;
676
- $nav-parent-icon-height: $nav-parent-icon-width !default;
677
- $nav-parent-icon-color: $global-color !default;
678
695
  $nav-header-padding-vertical: $nav-item-padding-vertical !default;
679
696
  $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
680
697
  $nav-header-font-size: $global-small-font-size !default;
@@ -682,6 +699,8 @@ $nav-header-text-transform: uppercase !default;
682
699
  $nav-header-margin-top: $global-margin !default;
683
700
  $nav-divider-margin-vertical: 5px !default;
684
701
  $nav-divider-margin-horizontal: 0 !default;
702
+ $nav-default-font-size: $global-small-font-size !default;
703
+ $nav-default-line-height: $global-line-height !default;
685
704
  $nav-default-item-color: $global-muted-color !default;
686
705
  $nav-default-item-hover-color: $global-color !default;
687
706
  $nav-default-item-active-color: $global-emphasis-color !default;
@@ -689,11 +708,13 @@ $nav-default-subtitle-font-size: 12px !default;
689
708
  $nav-default-header-color: $global-emphasis-color !default;
690
709
  $nav-default-divider-border-width: $global-border-width !default;
691
710
  $nav-default-divider-border: $global-border !default;
711
+ $nav-default-sublist-font-size: $nav-default-font-size !default;
712
+ $nav-default-sublist-line-height: $nav-default-line-height !default;
692
713
  $nav-default-sublist-item-color: $global-muted-color !default;
693
714
  $nav-default-sublist-item-hover-color: $global-color !default;
694
715
  $nav-default-sublist-item-active-color: $global-emphasis-color !default;
695
- $nav-primary-item-font-size: $global-large-font-size !default;
696
- $nav-primary-item-line-height: $global-line-height !default;
716
+ $nav-primary-font-size: $global-large-font-size !default;
717
+ $nav-primary-line-height: $global-line-height !default;
697
718
  $nav-primary-item-color: $global-muted-color !default;
698
719
  $nav-primary-item-hover-color: $global-color !default;
699
720
  $nav-primary-item-active-color: $global-emphasis-color !default;
@@ -701,15 +722,31 @@ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
701
722
  $nav-primary-header-color: $global-emphasis-color !default;
702
723
  $nav-primary-divider-border-width: $global-border-width !default;
703
724
  $nav-primary-divider-border: $global-border !default;
725
+ $nav-primary-sublist-font-size: $global-medium-font-size !default;
726
+ $nav-primary-sublist-line-height: $global-line-height !default;
704
727
  $nav-primary-sublist-item-color: $global-muted-color !default;
705
728
  $nav-primary-sublist-item-hover-color: $global-color !default;
706
729
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
707
- $nav-dividers-margin-top: 0 !default;
730
+ $nav-secondary-font-size: $global-font-size !default;
731
+ $nav-secondary-line-height: $global-line-height !default;
732
+ $nav-secondary-item-color: $global-emphasis-color !default;
733
+ $nav-secondary-item-hover-color: $global-emphasis-color !default;
734
+ $nav-secondary-item-active-color: $global-emphasis-color !default;
735
+ $nav-secondary-subtitle-font-size: $global-small-font-size !default;
736
+ $nav-secondary-subtitle-color: $global-muted-color !default;
737
+ $nav-secondary-subtitle-hover-color: $global-color !default;
738
+ $nav-secondary-subtitle-active-color: $global-emphasis-color !default;
739
+ $nav-secondary-header-color: $global-emphasis-color !default;
740
+ $nav-secondary-divider-border-width: $global-border-width !default;
741
+ $nav-secondary-divider-border: $global-border !default;
742
+ $nav-secondary-sublist-font-size: $global-small-font-size !default;
743
+ $nav-secondary-sublist-line-height: $global-line-height !default;
744
+ $nav-secondary-sublist-item-color: $global-muted-color !default;
745
+ $nav-secondary-sublist-item-hover-color: $global-color !default;
746
+ $nav-secondary-sublist-item-active-color: $global-emphasis-color !default;
747
+ $nav-dividers-margin-top: 5px !default;
708
748
  $nav-dividers-border-width: $global-border-width !default;
709
749
  $nav-dividers-border: $global-border !default;
710
- $internal-nav-parent-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
711
- $internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
712
- $inverse-nav-parent-icon-color: $inverse-global-color !default;
713
750
  $inverse-nav-default-item-color: $inverse-global-muted-color !default;
714
751
  $inverse-nav-default-item-hover-color: $inverse-global-color !default;
715
752
  $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
@@ -726,32 +763,55 @@ $inverse-nav-primary-divider-border: $inverse-global-border !default;
726
763
  $inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default;
727
764
  $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
728
765
  $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
766
+ $inverse-nav-secondary-item-color: $inverse-global-emphasis-color !default;
767
+ $inverse-nav-secondary-item-hover-color: $inverse-global-emphasis-color !default;
768
+ $inverse-nav-secondary-item-active-color: $inverse-global-emphasis-color !default;
769
+ $inverse-nav-secondary-subtitle-color: $inverse-global-muted-color !default;
770
+ $inverse-nav-secondary-subtitle-hover-color: $inverse-global-color !default;
771
+ $inverse-nav-secondary-subtitle-active-color: $inverse-global-emphasis-color !default;
772
+ $inverse-nav-secondary-header-color: $inverse-global-emphasis-color !default;
773
+ $inverse-nav-secondary-divider-border: $inverse-global-border !default;
774
+ $inverse-nav-secondary-sublist-item-color: $inverse-global-muted-color !default;
775
+ $inverse-nav-secondary-sublist-item-hover-color: $inverse-global-color !default;
776
+ $inverse-nav-secondary-sublist-item-active-color: $inverse-global-emphasis-color !default;
729
777
  $inverse-nav-dividers-border: $inverse-global-border !default;
730
778
  $navbar-background: $global-muted-background !default;
779
+ $navbar-gap: 30px !default;
731
780
  $navbar-color-mode: none !default;
781
+ $navbar-nav-gap: 30px !default;
732
782
  $navbar-nav-item-height: 80px !default;
733
- $navbar-nav-item-padding-horizontal: 15px !default;
783
+ $navbar-nav-item-padding-horizontal: 0 !default;
734
784
  $navbar-nav-item-color: $global-muted-color !default;
735
785
  $navbar-nav-item-font-size: $global-small-font-size !default;
736
786
  $navbar-nav-item-font-family: $global-font-family !default;
737
787
  $navbar-nav-item-hover-color: $global-color !default;
738
788
  $navbar-nav-item-onclick-color: $global-emphasis-color !default;
739
789
  $navbar-nav-item-active-color: $global-emphasis-color !default;
790
+ $navbar-parent-icon-margin-left: 4px !default;
791
+ $navbar-item-padding-horizontal: 0 !default;
740
792
  $navbar-item-color: $global-color !default;
741
793
  $navbar-toggle-color: $global-muted-color !default;
742
794
  $navbar-toggle-hover-color: $global-color !default;
743
795
  $navbar-subtitle-font-size: $global-small-font-size !default;
744
796
  $navbar-dropdown-z-index: $global-z-index + 20 !default;
745
797
  $navbar-dropdown-margin: 15px !default;
798
+ $navbar-dropdown-shift-margin: 0 !default;
799
+ $navbar-dropdown-viewport-margin: 15px !default;
746
800
  $navbar-dropdown-width: 200px !default;
747
801
  $navbar-dropdown-padding: 25px !default;
748
802
  $navbar-dropdown-background: $global-background !default;
749
803
  $navbar-dropdown-color: $global-color !default;
804
+ $navbar-dropdown-color-mode: none !default;
750
805
  $navbar-dropdown-grid-gutter-horizontal: ($navbar-dropdown-padding * 2) !default;
751
806
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
752
- $navbar-dropdown-dropbar-margin-top: 0px !default;
753
- $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
807
+ $navbar-dropdown-large-shift-margin: 0 !default;
808
+ $navbar-dropdown-large-padding: 40px !default;
809
+ $navbar-dropdown-dropbar-padding-top: $navbar-dropdown-padding !default;
810
+ $navbar-dropdown-dropbar-padding-bottom: $navbar-dropdown-dropbar-padding-top !default;
754
811
  $navbar-dropdown-dropbar-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
812
+ $navbar-dropdown-dropbar-viewport-margin: 15px !default;
813
+ $navbar-dropdown-dropbar-viewport-margin-s: $global-gutter !default;
814
+ $navbar-dropdown-dropbar-viewport-margin-m: $global-medium-gutter !default;
755
815
  $navbar-dropdown-nav-item-color: $global-muted-color !default;
756
816
  $navbar-dropdown-nav-item-hover-color: $global-color !default;
757
817
  $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
@@ -762,7 +822,6 @@ $navbar-dropdown-nav-divider-border: $global-border !default;
762
822
  $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
763
823
  $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
764
824
  $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
765
- $navbar-dropbar-background: $navbar-dropdown-background !default;
766
825
  $navbar-dropbar-z-index: $global-z-index - 20 !default;
767
826
  $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
768
827
  $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
@@ -788,16 +847,16 @@ $notification-message-warning-color: $global-warning-background !default;
788
847
  $notification-message-danger-color: $global-danger-background !default;
789
848
  $offcanvas-z-index: $global-z-index !default;
790
849
  $offcanvas-bar-width: 270px !default;
791
- $offcanvas-bar-padding-vertical: $global-margin !default;
792
- $offcanvas-bar-padding-horizontal: $global-margin !default;
850
+ $offcanvas-bar-padding-vertical: 20px !default;
851
+ $offcanvas-bar-padding-horizontal: 20px !default;
793
852
  $offcanvas-bar-background: $global-secondary-background !default;
794
853
  $offcanvas-bar-color-mode: light !default;
795
- $offcanvas-bar-width-m: 350px !default;
796
- $offcanvas-bar-padding-vertical-m: $global-medium-gutter !default;
797
- $offcanvas-bar-padding-horizontal-m: $global-medium-gutter !default;
854
+ $offcanvas-bar-width-s: 350px !default;
855
+ $offcanvas-bar-padding-vertical-s: $global-gutter !default;
856
+ $offcanvas-bar-padding-horizontal-s: $global-gutter !default;
798
857
  $offcanvas-close-position: 5px !default;
799
858
  $offcanvas-close-padding: 5px !default;
800
- $offcanvas-close-position-m: 20px !default;
859
+ $offcanvas-close-position-s: 10px !default;
801
860
  $offcanvas-overlay-background: rgba(0,0,0,0.1) !default;
802
861
  $overlay-padding-horizontal: $global-gutter !default;
803
862
  $overlay-padding-vertical: $global-gutter !default;
@@ -1127,6 +1186,10 @@ $dotnav-item-border: rgba($global-color, 0.4) !default;
1127
1186
  $dotnav-item-hover-border: transparent !default;
1128
1187
  $dotnav-item-onclick-border: transparent !default;
1129
1188
  $dotnav-item-active-border: transparent !default;
1189
+ $dropbar-top-box-shadow: 0 12px 7px -6px rgba(0, 0, 0, 0.05) !default;
1190
+ $dropbar-bottom-box-shadow: 0 -12px 7px -6px rgba(0, 0, 0, 0.05) !default;
1191
+ $dropbar-left-box-shadow: 12px 0 7px -6px rgba(0, 0, 0, 0.05) !default;
1192
+ $dropbar-right-box-shadow: -12px 0 7px -6px rgba(0, 0, 0, 0.05) !default;
1130
1193
  $dropdown-nav-font-size: $global-small-font-size !default;
1131
1194
  $dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
1132
1195
  $form-range-thumb-border-width: $global-border-width !default;
@@ -1158,11 +1221,16 @@ $modal-footer-border-width: $global-border-width !default;
1158
1221
  $modal-footer-border: $global-border !default;
1159
1222
  $modal-close-full-padding: $global-margin !default;
1160
1223
  $modal-close-full-background: $modal-dialog-background !default;
1161
- $nav-default-font-size: $global-small-font-size !default;
1224
+ $nav-background-margin-top: 0 !default;
1225
+ $nav-background-item-padding-horizontal: 10px !default;
1226
+ $nav-background-item-padding-vertical: 10px !default;
1227
+ $nav-background-item-hover-background: $global-muted-background !default;
1228
+ $nav-background-item-active-background: $global-muted-background !default;
1229
+ $inverse-nav-background-item-hover-background: $inverse-global-muted-background !default;
1230
+ $inverse-nav-background-item-active-background: $inverse-global-muted-background !default;
1162
1231
  $navbar-nav-item-text-transform: uppercase !default;
1163
1232
  $navbar-dropdown-nav-font-size: $global-small-font-size !default;
1164
1233
  $navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
1165
- $navbar-dropbar-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05) !default;
1166
1234
  $navbar-dropdown-grid-divider-border-width: $global-border-width !default;
1167
1235
  $navbar-dropdown-grid-divider-border: $navbar-dropdown-nav-divider-border !default;
1168
1236
  $placeholder-border-width: $global-border-width !default;
package/src/scss/variables.scss CHANGED
@@ -366,13 +366,27 @@ $inverse-dotnav-item-active-background: rgba($inverse-global-color, 0.9) !defaul
366
366
  $global-z-index: 1000 !default;
367
367
  $drop-z-index: $global-z-index + 20 !default;
368
368
  $drop-margin: $global-margin !default;
369
+ $drop-viewport-margin: 15px !default;
369
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;
370
381
  $dropdown-z-index: $global-z-index + 20 !default;
371
382
  $dropdown-margin: $global-small-margin !default;
383
+ $dropdown-viewport-margin: 15px !default;
372
384
  $dropdown-min-width: 200px !default;
373
385
  $dropdown-padding: 15px !default;
374
386
  $dropdown-background: $global-muted-background !default;
375
387
  $dropdown-color: $global-color !default;
388
+ $dropdown-color-mode: none !default;
389
+ $dropdown-large-padding: 40px !default;
376
390
  $dropdown-nav-item-color: $global-muted-color !default;
377
391
  $dropdown-nav-item-hover-color: $global-color !default;
378
392
  $dropdown-nav-subtitle-font-size: $global-small-font-size !default;
@@ -648,13 +662,19 @@ $modal-padding-vertical-s: 50px !default;
648
662
  $modal-dialog-width: 600px !default;
649
663
  $modal-dialog-background: $global-background !default;
650
664
  $modal-container-width: 1200px !default;
651
- $modal-body-padding-horizontal: $global-gutter !default;
652
- $modal-body-padding-vertical: $global-gutter !default;
653
- $modal-header-padding-horizontal: $global-gutter !default;
665
+ $modal-body-padding-horizontal: 20px !default;
666
+ $modal-body-padding-vertical: 20px !default;
667
+ $modal-body-padding-horizontal-s: $global-gutter !default;
668
+ $modal-body-padding-vertical-s: $global-gutter !default;
669
+ $modal-header-padding-horizontal: 20px !default;
654
670
  $modal-header-padding-vertical: ($modal-header-padding-horizontal * 0.5) !default;
671
+ $modal-header-padding-horizontal-s: $global-gutter !default;
672
+ $modal-header-padding-vertical-s: ($modal-header-padding-horizontal-s * 0.5) !default;
655
673
  $modal-header-background: $global-muted-background !default;
656
- $modal-footer-padding-horizontal: $global-gutter !default;
674
+ $modal-footer-padding-horizontal: 20px !default;
657
675
  $modal-footer-padding-vertical: ($modal-footer-padding-horizontal * 0.5) !default;
676
+ $modal-footer-padding-horizontal-s: $global-gutter !default;
677
+ $modal-footer-padding-vertical-s: ($modal-footer-padding-horizontal-s * 0.5) !default;
658
678
  $modal-footer-background: $global-muted-background !default;
659
679
  $modal-title-font-size: $global-xlarge-font-size !default;
660
680
  $modal-title-line-height: 1.3 !default;
@@ -670,9 +690,6 @@ $nav-sublist-padding-vertical: 5px !default;
670
690
  $nav-sublist-padding-left: 15px !default;
671
691
  $nav-sublist-deeper-padding-left: 15px !default;
672
692
  $nav-sublist-item-padding-vertical: 2px !default;
673
- $nav-parent-icon-width: ($global-line-height * 1em) !default;
674
- $nav-parent-icon-height: $nav-parent-icon-width !default;
675
- $nav-parent-icon-color: $global-color !default;
676
693
  $nav-header-padding-vertical: $nav-item-padding-vertical !default;
677
694
  $nav-header-padding-horizontal: $nav-item-padding-horizontal !default;
678
695
  $nav-header-font-size: $global-small-font-size !default;
@@ -680,6 +697,8 @@ $nav-header-text-transform: uppercase !default;
680
697
  $nav-header-margin-top: $global-margin !default;
681
698
  $nav-divider-margin-vertical: 5px !default;
682
699
  $nav-divider-margin-horizontal: 0 !default;
700
+ $nav-default-font-size: $global-font-size !default;
701
+ $nav-default-line-height: $global-line-height !default;
683
702
  $nav-default-item-color: $global-muted-color !default;
684
703
  $nav-default-item-hover-color: $global-color !default;
685
704
  $nav-default-item-active-color: $global-emphasis-color !default;
@@ -687,11 +706,13 @@ $nav-default-subtitle-font-size: $global-small-font-size !default;
687
706
  $nav-default-header-color: $global-emphasis-color !default;
688
707
  $nav-default-divider-border-width: $global-border-width !default;
689
708
  $nav-default-divider-border: $global-border !default;
709
+ $nav-default-sublist-font-size: $nav-default-font-size !default;
710
+ $nav-default-sublist-line-height: $nav-default-line-height !default;
690
711
  $nav-default-sublist-item-color: $global-muted-color !default;
691
712
  $nav-default-sublist-item-hover-color: $global-color !default;
692
713
  $nav-default-sublist-item-active-color: $global-emphasis-color !default;
693
- $nav-primary-item-font-size: $global-large-font-size !default;
694
- $nav-primary-item-line-height: $global-line-height !default;
714
+ $nav-primary-font-size: $global-large-font-size !default;
715
+ $nav-primary-line-height: $global-line-height !default;
695
716
  $nav-primary-item-color: $global-muted-color !default;
696
717
  $nav-primary-item-hover-color: $global-color !default;
697
718
  $nav-primary-item-active-color: $global-emphasis-color !default;
@@ -699,15 +720,31 @@ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
699
720
  $nav-primary-header-color: $global-emphasis-color !default;
700
721
  $nav-primary-divider-border-width: $global-border-width !default;
701
722
  $nav-primary-divider-border: $global-border !default;
723
+ $nav-primary-sublist-font-size: $global-medium-font-size !default;
724
+ $nav-primary-sublist-line-height: $global-line-height !default;
702
725
  $nav-primary-sublist-item-color: $global-muted-color !default;
703
726
  $nav-primary-sublist-item-hover-color: $global-color !default;
704
727
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
705
- $nav-dividers-margin-top: 0 !default;
728
+ $nav-secondary-font-size: $global-font-size !default;
729
+ $nav-secondary-line-height: $global-line-height !default;
730
+ $nav-secondary-item-color: $global-emphasis-color !default;
731
+ $nav-secondary-item-hover-color: $global-emphasis-color !default;
732
+ $nav-secondary-item-active-color: $global-emphasis-color !default;
733
+ $nav-secondary-subtitle-font-size: $global-small-font-size !default;
734
+ $nav-secondary-subtitle-color: $global-muted-color !default;
735
+ $nav-secondary-subtitle-hover-color: $global-color !default;
736
+ $nav-secondary-subtitle-active-color: $global-emphasis-color !default;
737
+ $nav-secondary-header-color: $global-emphasis-color !default;
738
+ $nav-secondary-divider-border-width: $global-border-width !default;
739
+ $nav-secondary-divider-border: $global-border !default;
740
+ $nav-secondary-sublist-font-size: $global-small-font-size !default;
741
+ $nav-secondary-sublist-line-height: $global-line-height !default;
742
+ $nav-secondary-sublist-item-color: $global-muted-color !default;
743
+ $nav-secondary-sublist-item-hover-color: $global-color !default;
744
+ $nav-secondary-sublist-item-active-color: $global-emphasis-color !default;
745
+ $nav-dividers-margin-top: 5px !default;
706
746
  $nav-dividers-border-width: $global-border-width !default;
707
747
  $nav-dividers-border: $global-border !default;
708
- $internal-nav-parent-close-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
709
- $internal-nav-parent-open-image: "data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22#000%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E" !default;
710
- $inverse-nav-parent-icon-color: $inverse-global-color !default;
711
748
  $inverse-nav-default-item-color: $inverse-global-muted-color !default;
712
749
  $inverse-nav-default-item-hover-color: $inverse-global-color !default;
713
750
  $inverse-nav-default-item-active-color: $inverse-global-emphasis-color !default;
@@ -724,9 +761,22 @@ $inverse-nav-primary-divider-border: $inverse-global-border !default;
724
761
  $inverse-nav-primary-sublist-item-color: $inverse-global-muted-color !default;
725
762
  $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
726
763
  $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
764
+ $inverse-nav-secondary-item-color: $inverse-global-emphasis-color !default;
765
+ $inverse-nav-secondary-item-hover-color: $inverse-global-emphasis-color !default;
766
+ $inverse-nav-secondary-item-active-color: $inverse-global-emphasis-color !default;
767
+ $inverse-nav-secondary-subtitle-color: $inverse-global-muted-color !default;
768
+ $inverse-nav-secondary-subtitle-hover-color: $inverse-global-color !default;
769
+ $inverse-nav-secondary-subtitle-active-color: $inverse-global-emphasis-color !default;
770
+ $inverse-nav-secondary-header-color: $inverse-global-emphasis-color !default;
771
+ $inverse-nav-secondary-divider-border: $inverse-global-border !default;
772
+ $inverse-nav-secondary-sublist-item-color: $inverse-global-muted-color !default;
773
+ $inverse-nav-secondary-sublist-item-hover-color: $inverse-global-color !default;
774
+ $inverse-nav-secondary-sublist-item-active-color: $inverse-global-emphasis-color !default;
727
775
  $inverse-nav-dividers-border: $inverse-global-border !default;
728
776
  $navbar-background: $global-muted-background !default;
777
+ $navbar-gap: 0px !default;
729
778
  $navbar-color-mode: none !default;
779
+ $navbar-nav-gap: 0px !default;
730
780
  $navbar-nav-item-height: 80px !default;
731
781
  $navbar-nav-item-padding-horizontal: 15px !default;
732
782
  $navbar-nav-item-color: $global-muted-color !default;
@@ -735,21 +785,31 @@ $navbar-nav-item-font-family: $global-font-family !default;
735
785
  $navbar-nav-item-hover-color: $global-color !default;
736
786
  $navbar-nav-item-onclick-color: $global-emphasis-color !default;
737
787
  $navbar-nav-item-active-color: $global-emphasis-color !default;
788
+ $navbar-parent-icon-margin-left: 4px !default;
789
+ $navbar-item-padding-horizontal: 15px !default;
738
790
  $navbar-item-color: $global-color !default;
739
791
  $navbar-toggle-color: $global-muted-color !default;
740
792
  $navbar-toggle-hover-color: $global-color !default;
741
793
  $navbar-subtitle-font-size: $global-small-font-size !default;
742
794
  $navbar-dropdown-z-index: $global-z-index + 20 !default;
743
- $navbar-dropdown-margin: 0px !default;
795
+ $navbar-dropdown-margin: 0 !default;
796
+ $navbar-dropdown-shift-margin: 0 !default;
797
+ $navbar-dropdown-viewport-margin: 15px !default;
744
798
  $navbar-dropdown-width: 200px !default;
745
799
  $navbar-dropdown-padding: 15px !default;
746
800
  $navbar-dropdown-background: $global-muted-background !default;
747
801
  $navbar-dropdown-color: $global-color !default;
802
+ $navbar-dropdown-color-mode: none !default;
748
803
  $navbar-dropdown-grid-gutter-horizontal: $global-gutter !default;
749
804
  $navbar-dropdown-grid-gutter-vertical: $navbar-dropdown-grid-gutter-horizontal !default;
750
- $navbar-dropdown-dropbar-margin-top: 0px !default;
751
- $navbar-dropdown-dropbar-margin-bottom: $navbar-dropdown-dropbar-margin-top !default;
805
+ $navbar-dropdown-large-shift-margin: 0 !default;
806
+ $navbar-dropdown-large-padding: 40px !default;
807
+ $navbar-dropdown-dropbar-padding-top: $navbar-dropdown-padding !default;
808
+ $navbar-dropdown-dropbar-padding-bottom: $navbar-dropdown-dropbar-padding-top !default;
752
809
  $navbar-dropdown-dropbar-padding-horizontal: $navbar-nav-item-padding-horizontal !default;
810
+ $navbar-dropdown-dropbar-viewport-margin: 15px !default;
811
+ $navbar-dropdown-dropbar-viewport-margin-s: $global-gutter !default;
812
+ $navbar-dropdown-dropbar-viewport-margin-m: $global-medium-gutter !default;
753
813
  $navbar-dropdown-nav-item-color: $global-muted-color !default;
754
814
  $navbar-dropdown-nav-item-hover-color: $global-color !default;
755
815
  $navbar-dropdown-nav-item-active-color: $global-emphasis-color !default;
@@ -760,7 +820,6 @@ $navbar-dropdown-nav-divider-border: $global-border !default;
760
820
  $navbar-dropdown-nav-sublist-item-color: $global-muted-color !default;
761
821
  $navbar-dropdown-nav-sublist-item-hover-color: $global-color !default;
762
822
  $navbar-dropdown-nav-sublist-item-active-color: $global-emphasis-color !default;
763
- $navbar-dropbar-background: $navbar-dropdown-background !default;
764
823
  $navbar-dropbar-z-index: $global-z-index - 20 !default;
765
824
  $inverse-navbar-nav-item-color: $inverse-global-muted-color !default;
766
825
  $inverse-navbar-nav-item-hover-color: $inverse-global-color !default;
@@ -786,16 +845,16 @@ $notification-message-warning-color: $global-warning-background !default;
786
845
  $notification-message-danger-color: $global-danger-background !default;
787
846
  $offcanvas-z-index: $global-z-index !default;
788
847
  $offcanvas-bar-width: 270px !default;
789
- $offcanvas-bar-padding-vertical: $global-margin !default;
790
- $offcanvas-bar-padding-horizontal: $global-margin !default;
848
+ $offcanvas-bar-padding-vertical: 20px !default;
849
+ $offcanvas-bar-padding-horizontal: 20px !default;
791
850
  $offcanvas-bar-background: $global-secondary-background !default;
792
851
  $offcanvas-bar-color-mode: light !default;
793
- $offcanvas-bar-width-m: 350px !default;
794
- $offcanvas-bar-padding-vertical-m: $global-medium-gutter !default;
795
- $offcanvas-bar-padding-horizontal-m: $global-medium-gutter !default;
852
+ $offcanvas-bar-width-s: 350px !default;
853
+ $offcanvas-bar-padding-vertical-s: $global-gutter !default;
854
+ $offcanvas-bar-padding-horizontal-s: $global-gutter !default;
796
855
  $offcanvas-close-position: 5px !default;
797
856
  $offcanvas-close-padding: 5px !default;
798
- $offcanvas-close-position-m: 20px !default;
857
+ $offcanvas-close-position-s: 10px !default;
799
858
  $offcanvas-overlay-background: rgba(0,0,0,0.1) !default;
800
859
  $overlay-padding-horizontal: $global-gutter !default;
801
860
  $overlay-padding-vertical: $global-gutter !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