uikit 3.16.27 → 3.17.1-dev.7c0766a6f
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.
- package/CHANGELOG.md +25 -0
- package/build/less.js +5 -4
- package/build/util.js +7 -9
- package/dist/css/uikit-core-rtl.css +53 -18
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +53 -18
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +56 -17
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +56 -17
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +24 -43
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +2 -3
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +2 -3
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +2 -2
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +7 -17
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +6 -13
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +2 -2
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +6 -13
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +19 -4
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +24 -43
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +1 -2
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +455 -185
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +483 -240
- package/dist/js/uikit.min.js +1 -9502
- package/package.json +1 -1
- package/src/js/api/boot.js +2 -2
- package/src/js/api/computed.js +1 -1
- package/src/js/api/observables.js +1 -4
- package/src/js/components/notification.js +1 -1
- package/src/js/components/slideshow.js +19 -2
- package/src/js/core/cover.js +30 -1
- package/src/js/core/drop.js +15 -9
- package/src/js/core/dropnav.js +16 -2
- package/src/js/core/grid.js +119 -64
- package/src/js/core/height-viewport.js +4 -1
- package/src/js/core/margin.js +23 -39
- package/src/js/core/navbar.js +219 -1
- package/src/js/core/scrollspy-nav.js +13 -4
- package/src/js/core/scrollspy.js +1 -1
- package/src/js/core/sticky.js +10 -11
- package/src/js/mixin/internal/animate-fade.js +1 -11
- package/src/js/mixin/internal/slideshow-animations.js +1 -1
- package/src/js/mixin/slider-reactive.js +1 -1
- package/src/js/mixin/togglable.js +0 -2
- package/src/js/util/animation.js +19 -13
- package/src/js/util/class.js +30 -26
- package/src/js/util/dom.js +3 -8
- package/src/js/util/filter.js +2 -6
- package/src/js/util/viewport.js +26 -4
- package/src/less/components/base.less +6 -3
- package/src/less/components/form.less +3 -0
- package/src/less/components/heading.less +18 -0
- package/src/less/components/navbar.less +6 -12
- package/src/less/components/pagination.less +13 -6
- package/src/less/components/position.less +1 -0
- package/src/less/components/section.less +6 -0
- package/src/less/theme/heading.less +4 -0
- package/src/less/theme/navbar.less +5 -0
- package/src/scss/components/base.scss +4 -2
- package/src/scss/components/form.scss +3 -0
- package/src/scss/components/heading.scss +13 -0
- package/src/scss/components/navbar.scss +5 -12
- package/src/scss/components/pagination.scss +13 -6
- package/src/scss/components/position.scss +1 -0
- package/src/scss/components/section.scss +4 -0
- package/src/scss/mixins-theme.scss +13 -1
- package/src/scss/mixins.scss +8 -1
- package/src/scss/theme/heading.scss +4 -0
- package/src/scss/variables-theme.scss +7 -0
- package/src/scss/variables.scss +7 -0
- package/tests/cover.html +2 -2
- package/tests/drop.html +13 -7
- package/tests/dropnav.html +22 -10
- package/tests/filter.html +5 -5
- package/tests/form.html +1 -1
- package/tests/grid-masonry.html +49 -73
- package/tests/grid-parallax.html +82 -40
- package/tests/grid.html +21 -3
- package/tests/heading.html +33 -4
- package/tests/height-viewport.html +3 -3
- package/tests/height.html +2 -2
- package/tests/icon.html +1 -1
- package/tests/image.html +6 -6
- package/tests/leader.html +3 -3
- package/tests/nav.html +1 -1
- package/tests/navbar.html +28 -10
- package/tests/notification.html +1 -1
- package/tests/offcanvas.html +2 -2
- package/tests/parallax.html +1 -1
- package/tests/scrollspy.html +3 -3
- package/tests/sortable.html +3 -3
- package/tests/sticky-navbar.html +233 -14
- package/tests/sticky.html +8 -8
- package/tests/svg.html +1 -1
- package/tests/tab.html +1 -1
- package/tests/toggle.html +2 -2
- package/tests/tooltip.html +2 -2
- package/tests/upload.html +16 -16
- package/tests/utility.html +2 -2
- package/tests/video.html +3 -3
package/tests/grid.html
CHANGED
|
@@ -641,15 +641,33 @@
|
|
|
641
641
|
</tr>
|
|
642
642
|
<tr>
|
|
643
643
|
<td><code>masonry</code></td>
|
|
644
|
-
<td>Boolean</td>
|
|
644
|
+
<td>Boolean, String</td>
|
|
645
645
|
<td>false</td>
|
|
646
|
-
<td>Enables masonry layout for this grid.</td>
|
|
646
|
+
<td>Enables masonry layout for this grid (pack, next).</td>
|
|
647
647
|
</tr>
|
|
648
648
|
<tr>
|
|
649
649
|
<td><code>parallax</code></td>
|
|
650
650
|
<td>Number</td>
|
|
651
651
|
<td>0</td>
|
|
652
|
-
<td>Parallax translation value. The value
|
|
652
|
+
<td>Parallax translation value. The value can be in vh, % and px. Falsy disables the parallax effect (default).</td>
|
|
653
|
+
</tr>
|
|
654
|
+
<tr>
|
|
655
|
+
<td><code>parallax-start</code></td>
|
|
656
|
+
<td>Length</td>
|
|
657
|
+
<td>0</td>
|
|
658
|
+
<td>Start offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. The default value of `0` means that the grid's top border and viewport's bottom border intersect.</td>
|
|
659
|
+
</tr>
|
|
660
|
+
<tr>
|
|
661
|
+
<td><code>parallax-end</code></td>
|
|
662
|
+
<td>Length</td>
|
|
663
|
+
<td>0</td>
|
|
664
|
+
<td>End offset. The value can be in vh, % and px. It supports basic mathematics operands + and -. The default value of `0` means that the grid's bottom border and the viewport's top border intersect.</td>
|
|
665
|
+
</tr>
|
|
666
|
+
<tr>
|
|
667
|
+
<td><code>parallax-justify</code></td>
|
|
668
|
+
<td>Boolean</td>
|
|
669
|
+
<td>false</td>
|
|
670
|
+
<td>With parallax enabled, all columns will reach the bottom at the same time.</td>
|
|
653
671
|
</tr>
|
|
654
672
|
</tbody>
|
|
655
673
|
</table>
|
package/tests/heading.html
CHANGED
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
<button class="uk-button uk-button-default" type="button" uk-toggle="target: .uk-hidden; cls: uk-hidden">More Text</button>
|
|
19
19
|
</div>
|
|
20
20
|
|
|
21
|
-
<div class="uk-heading-
|
|
21
|
+
<div class="uk-heading-small">Heading Small<span class="uk-hidden"><br>More text</span></div>
|
|
22
22
|
|
|
23
23
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
24
24
|
|
|
25
25
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
26
26
|
|
|
27
|
-
<div class="uk-heading-
|
|
27
|
+
<div class="uk-heading-medium">Heading Medium<span class="uk-hidden"><br>More text</span></div>
|
|
28
28
|
|
|
29
29
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
30
30
|
|
|
@@ -36,19 +36,40 @@
|
|
|
36
36
|
|
|
37
37
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
38
38
|
|
|
39
|
-
<div class="uk-heading-
|
|
39
|
+
<div class="uk-heading-xlarge">Heading XL<span class="uk-hidden"><br>More text</span></div>
|
|
40
40
|
|
|
41
41
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
42
42
|
|
|
43
43
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
|
|
46
|
+
<div class="uk-heading-2xlarge">Heading 2XL<span class="uk-hidden"><br>More text</span></div>
|
|
47
|
+
|
|
48
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
49
|
+
|
|
50
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
51
|
+
|
|
52
|
+
<div class="uk-heading-3xlarge">Head 3XL<span class="uk-hidden"><br>More text</span></div>
|
|
46
53
|
|
|
47
54
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
48
55
|
|
|
49
56
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
50
57
|
|
|
51
58
|
<div class="uk-grid-large uk-child-width-1-2@m uk-margin-large" uk-grid>
|
|
59
|
+
<div>
|
|
60
|
+
|
|
61
|
+
<div class="uk-heading-divider uk-heading-3xlarge">Hea<span class="uk-hidden"><br>More</span></div>
|
|
62
|
+
|
|
63
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
64
|
+
|
|
65
|
+
</div>
|
|
66
|
+
<div>
|
|
67
|
+
|
|
68
|
+
<div class="uk-heading-bullet uk-heading-3xlarge">Hea<span class="uk-hidden"><br>More</span></div>
|
|
69
|
+
|
|
70
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
71
|
+
|
|
72
|
+
</div>
|
|
52
73
|
<div>
|
|
53
74
|
|
|
54
75
|
<div class="uk-heading-divider uk-heading-2xlarge">Head<span class="uk-hidden"><br>More</span></div>
|
|
@@ -208,6 +229,10 @@
|
|
|
208
229
|
<div class="uk-grid-large uk-child-width-1-2@m uk-margin-large" uk-grid>
|
|
209
230
|
<div>
|
|
210
231
|
|
|
232
|
+
<div class="uk-heading-line uk-heading-3xlarge"><span>Hea<span class="uk-hidden"><br>More</span></span></div>
|
|
233
|
+
|
|
234
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
235
|
+
|
|
211
236
|
<div class="uk-heading-line uk-heading-2xlarge"><span>Head<span class="uk-hidden"><br>More</span></span></div>
|
|
212
237
|
|
|
213
238
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
@@ -255,6 +280,10 @@
|
|
|
255
280
|
</div>
|
|
256
281
|
<div class="uk-text-center">
|
|
257
282
|
|
|
283
|
+
<div class="uk-heading-line uk-heading-3xlarge"><span>He<span class="uk-hidden"><br>More</span></span></div>
|
|
284
|
+
|
|
285
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
286
|
+
|
|
258
287
|
<div class="uk-heading-line uk-heading-2xlarge"><span>Head<span class="uk-hidden"><br>More</span></span></div>
|
|
259
288
|
|
|
260
289
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
@@ -221,13 +221,13 @@
|
|
|
221
221
|
</tr>
|
|
222
222
|
<tr>
|
|
223
223
|
<td><code>offset-top</code></td>
|
|
224
|
-
<td>Boolean</td>
|
|
224
|
+
<td>Boolean,CSS Selector</td>
|
|
225
225
|
<td>false</td>
|
|
226
|
-
<td>Subtracts the element's offset top from its height.</td>
|
|
226
|
+
<td>Subtracts the element's (true) or given element's (CSS Selector) offset top from its height.</td>
|
|
227
227
|
</tr>
|
|
228
228
|
<tr>
|
|
229
229
|
<td><code>offset-bottom</code></td>
|
|
230
|
-
<td>Boolean
|
|
230
|
+
<td>Boolean, Number, Pixel, CSS selector</td>
|
|
231
231
|
<td>false</td>
|
|
232
232
|
<td>Subtracts the element's immediately following sibling's height (true), the given percentage (Number), Pixel (px) value from its own height or the given element's height.</td>
|
|
233
233
|
</tr>
|
package/tests/height.html
CHANGED
|
@@ -85,13 +85,13 @@
|
|
|
85
85
|
<tr>
|
|
86
86
|
<td><code>target</code></td>
|
|
87
87
|
<td>CSS selector</td>
|
|
88
|
-
<td
|
|
88
|
+
<td>> *</td>
|
|
89
89
|
<td>Elements that should match. By default, the children will match.</td>
|
|
90
90
|
</tr>
|
|
91
91
|
<tr>
|
|
92
92
|
<td><code>row</code></td>
|
|
93
93
|
<td>Boolean</td>
|
|
94
|
-
<td
|
|
94
|
+
<td>true</td>
|
|
95
95
|
<td>By default only items in the same row will be matched. For example, once grid columns extend to a width of 100%, their heights will no longer be matched. This makes sense, for example, if they stack vertically in narrower viewports.</td>
|
|
96
96
|
</tr>
|
|
97
97
|
</tbody>
|
package/tests/icon.html
CHANGED
package/tests/image.html
CHANGED
|
@@ -605,30 +605,30 @@
|
|
|
605
605
|
<tr>
|
|
606
606
|
<td><code>dataSrc</code></td>
|
|
607
607
|
<td>String</td>
|
|
608
|
-
<td
|
|
608
|
+
<td></td>
|
|
609
609
|
<td>The image's `src` attribute.</td>
|
|
610
610
|
</tr>
|
|
611
611
|
<tr>
|
|
612
612
|
<td><code>sources</code></td>
|
|
613
613
|
<td>String</td>
|
|
614
|
-
<td
|
|
614
|
+
<td></td>
|
|
615
615
|
<td>The image's sources. This option is used for background images only. The sources attributes be passed in `key: value;` format for a single source. For multiple sources in JSON format.</td>
|
|
616
616
|
</tr>
|
|
617
617
|
<tr>
|
|
618
618
|
<td><code>loading</code></td>
|
|
619
|
-
<td
|
|
620
|
-
<td
|
|
619
|
+
<td>String</td>
|
|
620
|
+
<td>lazy</td>
|
|
621
621
|
<td>Enable lazy/eager loading. Set to `eager` for images within the first visible viewport.</td>
|
|
622
622
|
</tr>
|
|
623
623
|
<tr>
|
|
624
624
|
<td><code>margin</code></td>
|
|
625
625
|
<td>String</td>
|
|
626
|
-
<td>
|
|
626
|
+
<td>50%</td>
|
|
627
627
|
<td>The margin increases the viewport's bounding box, before computing an intersection with the image. (Must be px or % units)</td>
|
|
628
628
|
</tr>
|
|
629
629
|
<tr>
|
|
630
630
|
<td><code>target</code></td>
|
|
631
|
-
<td>String</td>
|
|
631
|
+
<td>Boolean, String</td>
|
|
632
632
|
<td>false</td>
|
|
633
633
|
<td>A list of targets who's bounding boxes will be used to compute an intersection with the image. (Defaults to the image itself)</td>
|
|
634
634
|
</tr>
|
package/tests/leader.html
CHANGED
|
@@ -49,14 +49,14 @@
|
|
|
49
49
|
<tr>
|
|
50
50
|
<td><code>fill</code></td>
|
|
51
51
|
<td>String</td>
|
|
52
|
-
<td
|
|
52
|
+
<td></td>
|
|
53
53
|
<td>Optional fill character.</td>
|
|
54
54
|
</tr>
|
|
55
55
|
<tr>
|
|
56
56
|
<td><code>media</code></td>
|
|
57
|
-
<td>String</td>
|
|
57
|
+
<td>Boolean, Number, String</td>
|
|
58
58
|
<td>false</td>
|
|
59
|
-
<td>Condition for the space filling - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl).</td>
|
|
59
|
+
<td>Condition for the space filling - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl) or any valid media query (e.g. (min-width: 900px)).</td>
|
|
60
60
|
</tr>
|
|
61
61
|
</tbody>
|
|
62
62
|
</table>
|
package/tests/nav.html
CHANGED
package/tests/navbar.html
CHANGED
|
@@ -2579,9 +2579,9 @@
|
|
|
2579
2579
|
<tbody>
|
|
2580
2580
|
<tr>
|
|
2581
2581
|
<td><code>align</code></td>
|
|
2582
|
-
<td>
|
|
2582
|
+
<td>String</td>
|
|
2583
2583
|
<td>left</td>
|
|
2584
|
-
<td>Drop alignment.</td>
|
|
2584
|
+
<td>Drop alignment (left, right, center).</td>
|
|
2585
2585
|
</tr>
|
|
2586
2586
|
<tr>
|
|
2587
2587
|
<td><code>boundary</code></td>
|
|
@@ -2591,16 +2591,22 @@
|
|
|
2591
2591
|
</tr>
|
|
2592
2592
|
<tr>
|
|
2593
2593
|
<td><code>dropbar</code></td>
|
|
2594
|
-
<td>Boolean
|
|
2594
|
+
<td>Boolean, CSS selector</td>
|
|
2595
2595
|
<td>false</td>
|
|
2596
2596
|
<td>The dropbar selector. If true the dropbar will be inserted automatically.</td>
|
|
2597
2597
|
</tr>
|
|
2598
2598
|
<tr>
|
|
2599
2599
|
<td><code>dropbar-anchor</code></td>
|
|
2600
|
-
<td>Boolean
|
|
2600
|
+
<td>Boolean, CSS selector</td>
|
|
2601
2601
|
<td>false</td>
|
|
2602
2602
|
<td>The dropbar anchor selector. If set, dropbar will be inserted after the anchor element.</td>
|
|
2603
2603
|
</tr>
|
|
2604
|
+
<tr>
|
|
2605
|
+
<td><code>dropbar-transparent-mode</code></td>
|
|
2606
|
+
<td>Boolean, String</td>
|
|
2607
|
+
<td>false</td>
|
|
2608
|
+
<td>The dropbar transparent mode (behind, remove).</td>
|
|
2609
|
+
</tr>
|
|
2604
2610
|
<tr>
|
|
2605
2611
|
<td><code>duration</code></td>
|
|
2606
2612
|
<td>Number</td>
|
|
@@ -2615,15 +2621,15 @@
|
|
|
2615
2621
|
</tr>
|
|
2616
2622
|
<tr>
|
|
2617
2623
|
<td><code>stretch</code></td>
|
|
2618
|
-
<td>
|
|
2619
|
-
<td>
|
|
2620
|
-
<td>Stretch drop on both (true) or given axis.</td>
|
|
2624
|
+
<td>Boolean, String</td>
|
|
2625
|
+
<td>true</td>
|
|
2626
|
+
<td>Stretch drop on both (true) or given axis (x,y).</td>
|
|
2621
2627
|
</tr>
|
|
2622
2628
|
<tr>
|
|
2623
2629
|
<td><code>mode</code></td>
|
|
2624
|
-
<td>
|
|
2630
|
+
<td>String</td>
|
|
2625
2631
|
<td>click,hover</td>
|
|
2626
|
-
<td>Comma-separated list of drop trigger behavior modes.</td>
|
|
2632
|
+
<td>Comma-separated list of drop trigger behavior modes (hover, click).</td>
|
|
2627
2633
|
</tr>
|
|
2628
2634
|
<tr>
|
|
2629
2635
|
<td><code>delay-show</code></td>
|
|
@@ -2664,7 +2670,7 @@
|
|
|
2664
2670
|
<tr>
|
|
2665
2671
|
<td><code>animation</code></td>
|
|
2666
2672
|
<td>String</td>
|
|
2667
|
-
<td>
|
|
2673
|
+
<td>uk-animation-fade</td>
|
|
2668
2674
|
<td>Space-separated names of animations. Comma-separated for animation out.</td>
|
|
2669
2675
|
</tr>
|
|
2670
2676
|
<tr>
|
|
@@ -2673,6 +2679,18 @@
|
|
|
2673
2679
|
<td>false</td>
|
|
2674
2680
|
<td>Use animation when closing the drop.</td>
|
|
2675
2681
|
</tr>
|
|
2682
|
+
<tr>
|
|
2683
|
+
<td><code>bg-scroll</code></td>
|
|
2684
|
+
<td>Boolean</td>
|
|
2685
|
+
<td>true</td>
|
|
2686
|
+
<td>Allow background scrolling while drop is opened.</td>
|
|
2687
|
+
</tr>
|
|
2688
|
+
<tr>
|
|
2689
|
+
<td><code>close-on-scroll</code></td>
|
|
2690
|
+
<td>Boolean</td>
|
|
2691
|
+
<td>false</td>
|
|
2692
|
+
<td>Close the drop on scrolling a parent scroll container.</td>
|
|
2693
|
+
</tr>
|
|
2676
2694
|
</tbody>
|
|
2677
2695
|
</table>
|
|
2678
2696
|
</div>
|
package/tests/notification.html
CHANGED
package/tests/offcanvas.html
CHANGED
|
@@ -99,9 +99,9 @@
|
|
|
99
99
|
<tbody>
|
|
100
100
|
<tr>
|
|
101
101
|
<td><code>mode</code></td>
|
|
102
|
-
<td>
|
|
102
|
+
<td>String</td>
|
|
103
103
|
<td>slide</td>
|
|
104
|
-
<td>Offcanvas open mode.</td>
|
|
104
|
+
<td>Offcanvas open mode (slide, reveal, push, none).</td>
|
|
105
105
|
</tr>
|
|
106
106
|
<tr>
|
|
107
107
|
<td><code>flip</code></td>
|
package/tests/parallax.html
CHANGED
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
</tr>
|
|
181
181
|
<tr>
|
|
182
182
|
<td><code>media</code></td>
|
|
183
|
-
<td>Number
|
|
183
|
+
<td>Boolean, Number, String</td>
|
|
184
184
|
<td>false</td>
|
|
185
185
|
<td>Condition for the active status - a width as integer (e.g. 640) or a breakpoint (e.g. @s, @m, @l, @xl).</td>
|
|
186
186
|
</tr>
|
package/tests/scrollspy.html
CHANGED
|
@@ -503,7 +503,7 @@
|
|
|
503
503
|
<tr>
|
|
504
504
|
<td><code>cls</code></td>
|
|
505
505
|
<td>String</td>
|
|
506
|
-
<td
|
|
506
|
+
<td></td>
|
|
507
507
|
<td>Class to toggle when the element enters/leaves viewport.</td>
|
|
508
508
|
</tr>
|
|
509
509
|
<tr>
|
|
@@ -521,7 +521,7 @@
|
|
|
521
521
|
<tr>
|
|
522
522
|
<td><code>margin</code></td>
|
|
523
523
|
<td>String</td>
|
|
524
|
-
<td
|
|
524
|
+
<td>-1px</td>
|
|
525
525
|
<td>The margin is added to the viewport's bounding box, before computing an intersection with the element. (Must be px or % units)</td>
|
|
526
526
|
</tr>
|
|
527
527
|
<tr>
|
|
@@ -581,7 +581,7 @@
|
|
|
581
581
|
<td><code>offset</code></td>
|
|
582
582
|
<td>Number</td>
|
|
583
583
|
<td>0</td>
|
|
584
|
-
<td>
|
|
584
|
+
<td>Offset added to scroll top.</td>
|
|
585
585
|
</tr>
|
|
586
586
|
</tbody>
|
|
587
587
|
</table>
|
package/tests/sortable.html
CHANGED
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
<tr>
|
|
216
216
|
<td><code>group</code></td>
|
|
217
217
|
<td>String</td>
|
|
218
|
-
<td
|
|
218
|
+
<td></td>
|
|
219
219
|
<td>The group</td>
|
|
220
220
|
</tr>
|
|
221
221
|
<tr>
|
|
@@ -226,7 +226,7 @@
|
|
|
226
226
|
</tr>
|
|
227
227
|
<tr>
|
|
228
228
|
<td><code>duration</code></td>
|
|
229
|
-
<td>
|
|
229
|
+
<td>Number</td>
|
|
230
230
|
<td>250</td>
|
|
231
231
|
<td>Animation duration in milliseconds.</td>
|
|
232
232
|
</tr>
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
<tr>
|
|
282
282
|
<td><code>cls-custom</code></td>
|
|
283
283
|
<td>String</td>
|
|
284
|
-
<td
|
|
284
|
+
<td></td>
|
|
285
285
|
<td>The ghost's custom class.</td>
|
|
286
286
|
</tr>
|
|
287
287
|
<tr>
|