uikit 3.14.3-dev.5325d42a0 → 3.14.4-dev.0097ef093

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 (62) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/css/uikit-core-rtl.css +23 -14
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +23 -14
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +20 -14
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +20 -14
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +89 -10
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +89 -10
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +2 -2
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +2 -2
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +1 -1
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +2 -2
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +1 -6
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +669 -619
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +670 -620
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/core/drop.js +7 -0
  44. package/src/js/core/offcanvas.js +1 -47
  45. package/src/js/core/switcher.js +1 -1
  46. package/src/js/mixin/modal.js +90 -4
  47. package/src/js/mixin/parallax.js +1 -1
  48. package/src/js/mixin/togglable.js +0 -5
  49. package/src/js/util/viewport.js +20 -9
  50. package/src/less/components/nav.less +22 -4
  51. package/src/less/components/navbar.less +9 -17
  52. package/src/less/theme/nav.less +3 -7
  53. package/src/less/theme/navbar.less +3 -1
  54. package/src/scss/components/nav.scss +22 -4
  55. package/src/scss/components/navbar.scss +9 -17
  56. package/src/scss/mixins-theme.scss +1 -1
  57. package/src/scss/theme/nav.scss +3 -7
  58. package/src/scss/theme/navbar.scss +3 -1
  59. package/src/scss/variables-theme.scss +10 -4
  60. package/src/scss/variables.scss +10 -3
  61. package/tests/drop.html +6 -0
  62. package/tests/navbar.html +4 -4
package/src/scss/mixins-theme.scss CHANGED
@@ -1707,7 +1707,7 @@
1707
1707
  @mixin hook-nav-parent-icon(){}
1708
1708
  @mixin hook-nav-header(){}
1709
1709
  @mixin hook-nav-divider(){}
1710
- @mixin hook-nav-default(){ font-size: $nav-default-font-size; }
1710
+ @mixin hook-nav-default(){}
1711
1711
  @mixin hook-nav-default-item(){}
1712
1712
  @mixin hook-nav-default-item-hover(){}
1713
1713
  @mixin hook-nav-default-item-active(){}
package/src/scss/theme/nav.scss CHANGED
@@ -7,14 +7,10 @@
7
7
  // Variables
8
8
  // ========================================================================
9
9
 
10
- $nav-default-subtitle-font-size: 12px !default;
11
-
12
- //
13
- // New
14
- //
15
-
16
10
  $nav-default-font-size: $global-small-font-size !default;
17
11
 
12
+ $nav-default-subtitle-font-size: 12px !default;
13
+
18
14
 
19
15
  // Sublists
20
16
  // ========================================================================
@@ -43,7 +39,7 @@ $nav-default-font-size: $global-small-font-size !defaul
43
39
  // Default style modifier
44
40
  // ========================================================================
45
41
 
46
-
42
+ // @mixin hook-nav-default(){}
47
43
 
48
44
  // @mixin hook-nav-default-item(){}
49
45
 
package/src/scss/theme/navbar.scss CHANGED
@@ -7,7 +7,9 @@
7
7
  // Variables
8
8
  // ========================================================================
9
9
 
10
- $navbar-nav-item-gap: 30px !default;
10
+ $navbar-gap: 30px !default;
11
+
12
+ $navbar-nav-gap: 30px !default;
11
13
  $navbar-nav-item-padding-horizontal: 0 !default;
12
14
 
13
15
  $navbar-nav-item-font-size: $global-small-font-size !default;
package/src/scss/variables-theme.scss CHANGED
@@ -690,6 +690,8 @@ $nav-header-text-transform: uppercase !default;
690
690
  $nav-header-margin-top: $global-margin !default;
691
691
  $nav-divider-margin-vertical: 5px !default;
692
692
  $nav-divider-margin-horizontal: 0 !default;
693
+ $nav-default-font-size: $global-small-font-size !default;
694
+ $nav-default-line-height: $global-line-height !default;
693
695
  $nav-default-item-color: $global-muted-color !default;
694
696
  $nav-default-item-hover-color: $global-color !default;
695
697
  $nav-default-item-active-color: $global-emphasis-color !default;
@@ -697,11 +699,13 @@ $nav-default-subtitle-font-size: 12px !default;
697
699
  $nav-default-header-color: $global-emphasis-color !default;
698
700
  $nav-default-divider-border-width: $global-border-width !default;
699
701
  $nav-default-divider-border: $global-border !default;
702
+ $nav-default-sublist-font-size: $nav-default-font-size !default;
703
+ $nav-default-sublist-line-height: $nav-default-line-height !default;
700
704
  $nav-default-sublist-item-color: $global-muted-color !default;
701
705
  $nav-default-sublist-item-hover-color: $global-color !default;
702
706
  $nav-default-sublist-item-active-color: $global-emphasis-color !default;
703
- $nav-primary-item-font-size: $global-large-font-size !default;
704
- $nav-primary-item-line-height: $global-line-height !default;
707
+ $nav-primary-font-size: $global-large-font-size !default;
708
+ $nav-primary-line-height: $global-line-height !default;
705
709
  $nav-primary-item-color: $global-muted-color !default;
706
710
  $nav-primary-item-hover-color: $global-color !default;
707
711
  $nav-primary-item-active-color: $global-emphasis-color !default;
@@ -709,6 +713,8 @@ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
709
713
  $nav-primary-header-color: $global-emphasis-color !default;
710
714
  $nav-primary-divider-border-width: $global-border-width !default;
711
715
  $nav-primary-divider-border: $global-border !default;
716
+ $nav-primary-sublist-font-size: $global-medium-font-size !default;
717
+ $nav-primary-sublist-line-height: $global-line-height !default;
712
718
  $nav-primary-sublist-item-color: $global-muted-color !default;
713
719
  $nav-primary-sublist-item-hover-color: $global-color !default;
714
720
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
@@ -736,9 +742,10 @@ $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
736
742
  $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
737
743
  $inverse-nav-dividers-border: $inverse-global-border !default;
738
744
  $navbar-background: $global-muted-background !default;
745
+ $navbar-gap: 30px !default;
739
746
  $navbar-color-mode: none !default;
747
+ $navbar-nav-gap: 30px !default;
740
748
  $navbar-nav-item-height: 80px !default;
741
- $navbar-nav-item-gap: 30px !default;
742
749
  $navbar-nav-item-padding-horizontal: 0 !default;
743
750
  $navbar-nav-item-color: $global-muted-color !default;
744
751
  $navbar-nav-item-font-size: $global-small-font-size !default;
@@ -1172,7 +1179,6 @@ $modal-footer-border-width: $global-border-width !default;
1172
1179
  $modal-footer-border: $global-border !default;
1173
1180
  $modal-close-full-padding: $global-margin !default;
1174
1181
  $modal-close-full-background: $modal-dialog-background !default;
1175
- $nav-default-font-size: $global-small-font-size !default;
1176
1182
  $navbar-nav-item-text-transform: uppercase !default;
1177
1183
  $navbar-dropdown-nav-font-size: $global-small-font-size !default;
1178
1184
  $navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;
package/src/scss/variables.scss CHANGED
@@ -688,6 +688,8 @@ $nav-header-text-transform: uppercase !default;
688
688
  $nav-header-margin-top: $global-margin !default;
689
689
  $nav-divider-margin-vertical: 5px !default;
690
690
  $nav-divider-margin-horizontal: 0 !default;
691
+ $nav-default-font-size: $global-font-size !default;
692
+ $nav-default-line-height: $global-line-height !default;
691
693
  $nav-default-item-color: $global-muted-color !default;
692
694
  $nav-default-item-hover-color: $global-color !default;
693
695
  $nav-default-item-active-color: $global-emphasis-color !default;
@@ -695,11 +697,13 @@ $nav-default-subtitle-font-size: $global-small-font-size !default;
695
697
  $nav-default-header-color: $global-emphasis-color !default;
696
698
  $nav-default-divider-border-width: $global-border-width !default;
697
699
  $nav-default-divider-border: $global-border !default;
700
+ $nav-default-sublist-font-size: $nav-default-font-size !default;
701
+ $nav-default-sublist-line-height: $nav-default-line-height !default;
698
702
  $nav-default-sublist-item-color: $global-muted-color !default;
699
703
  $nav-default-sublist-item-hover-color: $global-color !default;
700
704
  $nav-default-sublist-item-active-color: $global-emphasis-color !default;
701
- $nav-primary-item-font-size: $global-large-font-size !default;
702
- $nav-primary-item-line-height: $global-line-height !default;
705
+ $nav-primary-font-size: $global-large-font-size !default;
706
+ $nav-primary-line-height: $global-line-height !default;
703
707
  $nav-primary-item-color: $global-muted-color !default;
704
708
  $nav-primary-item-hover-color: $global-color !default;
705
709
  $nav-primary-item-active-color: $global-emphasis-color !default;
@@ -707,6 +711,8 @@ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
707
711
  $nav-primary-header-color: $global-emphasis-color !default;
708
712
  $nav-primary-divider-border-width: $global-border-width !default;
709
713
  $nav-primary-divider-border: $global-border !default;
714
+ $nav-primary-sublist-font-size: $global-medium-font-size !default;
715
+ $nav-primary-sublist-line-height: $global-line-height !default;
710
716
  $nav-primary-sublist-item-color: $global-muted-color !default;
711
717
  $nav-primary-sublist-item-hover-color: $global-color !default;
712
718
  $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
@@ -734,9 +740,10 @@ $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
734
740
  $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
735
741
  $inverse-nav-dividers-border: $inverse-global-border !default;
736
742
  $navbar-background: $global-muted-background !default;
743
+ $navbar-gap: 0px !default;
737
744
  $navbar-color-mode: none !default;
745
+ $navbar-nav-gap: 0px !default;
738
746
  $navbar-nav-item-height: 80px !default;
739
- $navbar-nav-item-gap: 0 !default;
740
747
  $navbar-nav-item-padding-horizontal: 15px !default;
741
748
  $navbar-nav-item-color: $global-muted-color !default;
742
749
  $navbar-nav-item-font-size: $global-font-size !default;
package/tests/drop.html CHANGED
@@ -622,6 +622,12 @@
622
622
  <td>false</td>
623
623
  <td>Use animation when closing the Drop.</td>
624
624
  </tr>
625
+ <tr>
626
+ <td><code>bg-scroll</code></td>
627
+ <td>Boolean</td>
628
+ <td>true</td>
629
+ <td>Allow background scrolling while drop is opened.</td>
630
+ </tr>
625
631
  <tr>
626
632
  <td><code>duration</code></td>
627
633
  <td>Number</td>
package/tests/navbar.html CHANGED
@@ -1609,7 +1609,7 @@
1609
1609
  <nav class="uk-navbar-container uk-margin" uk-navbar>
1610
1610
  <div class="uk-navbar-center">
1611
1611
 
1612
- <div class="uk-navbar-center-left"><div>
1612
+ <div class="uk-navbar-center-left">
1613
1613
  <ul class="uk-navbar-nav">
1614
1614
  <li class="uk-active"><a href="#">Active</a></li>
1615
1615
  <li>
@@ -1637,7 +1637,7 @@
1637
1637
  <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1638
1638
  </li>
1639
1639
  </ul>
1640
- </div></div>
1640
+ </div>
1641
1641
 
1642
1642
  <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1643
1643
 
@@ -1706,7 +1706,7 @@
1706
1706
  </div>
1707
1707
  <div class="uk-navbar-center">
1708
1708
 
1709
- <div class="uk-navbar-center-left"><div>
1709
+ <div class="uk-navbar-center-left">
1710
1710
  <ul class="uk-navbar-nav">
1711
1711
  <li class="uk-active"><a href="#">Active</a></li>
1712
1712
  <li>
@@ -1734,7 +1734,7 @@
1734
1734
  <div class="uk-navbar-dropdown">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
1735
1735
  </li>
1736
1736
  </ul>
1737
- </div></div>
1737
+ </div>
1738
1738
 
1739
1739
  <a class="uk-navbar-item uk-logo" href="#">Logo</a>
1740
1740