uikit 3.14.3-dev.5325d42a0 → 3.14.4-dev.008162cc3

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 (71) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/css/uikit-core-rtl.css +33 -17
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +33 -17
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +30 -17
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +30 -17
  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 +110 -16
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +110 -16
  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 +22 -7
  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 +22 -7
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +3 -3
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +8 -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 +666 -618
  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 +1472 -1409
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/components/sortable.js +2 -3
  44. package/src/js/core/drop.js +7 -0
  45. package/src/js/core/height-viewport.js +9 -5
  46. package/src/js/core/offcanvas.js +1 -47
  47. package/src/js/core/sticky.js +8 -9
  48. package/src/js/core/switcher.js +1 -1
  49. package/src/js/mixin/modal.js +90 -4
  50. package/src/js/mixin/parallax.js +1 -1
  51. package/src/js/mixin/position.js +8 -0
  52. package/src/js/mixin/slider-drag.js +20 -8
  53. package/src/js/mixin/togglable.js +0 -5
  54. package/src/js/util/dimensions.js +6 -6
  55. package/src/js/util/position.js +2 -0
  56. package/src/js/util/viewport.js +22 -36
  57. package/src/less/components/nav.less +22 -4
  58. package/src/less/components/navbar.less +8 -17
  59. package/src/less/components/utility.less +12 -3
  60. package/src/less/theme/nav.less +3 -7
  61. package/src/less/theme/navbar.less +3 -1
  62. package/src/scss/components/nav.scss +22 -4
  63. package/src/scss/components/navbar.scss +8 -17
  64. package/src/scss/components/utility.scss +12 -3
  65. package/src/scss/mixins-theme.scss +1 -1
  66. package/src/scss/theme/nav.scss +3 -7
  67. package/src/scss/theme/navbar.scss +3 -1
  68. package/src/scss/variables-theme.scss +10 -4
  69. package/src/scss/variables.scss +10 -3
  70. package/tests/drop.html +6 -0
  71. package/tests/navbar.html +2041 -1267
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.14.3-dev.5325d42a0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.14.4-dev.008162cc3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -4685,6 +4685,10 @@ ul.uk-nav-sub {
4685
4685
  }
4686
4686
  /* Default modifier
4687
4687
  ========================================================================== */
4688
+ .uk-nav-default {
4689
+ font-size: 16px;
4690
+ line-height: 1.5;
4691
+ }
4688
4692
  /*
4689
4693
  * Items
4690
4694
  */
@@ -4720,6 +4724,10 @@ ul.uk-nav-sub {
4720
4724
  /*
4721
4725
  * Sublists
4722
4726
  */
4727
+ .uk-nav-default .uk-nav-sub {
4728
+ font-size: 16px;
4729
+ line-height: 1.5;
4730
+ }
4723
4731
  .uk-nav-default .uk-nav-sub a {
4724
4732
  color: #999;
4725
4733
  }
@@ -4731,12 +4739,14 @@ ul.uk-nav-sub {
4731
4739
  }
4732
4740
  /* Primary modifier
4733
4741
  ========================================================================== */
4742
+ .uk-nav-primary {
4743
+ font-size: 1.5rem;
4744
+ line-height: 1.5;
4745
+ }
4734
4746
  /*
4735
4747
  * Items
4736
4748
  */
4737
4749
  .uk-nav-primary > li > a {
4738
- font-size: 1.5rem;
4739
- line-height: 1.5;
4740
4750
  color: #999;
4741
4751
  }
4742
4752
  /* Hover */
@@ -4768,6 +4778,10 @@ ul.uk-nav-sub {
4768
4778
  /*
4769
4779
  * Sublists
4770
4780
  */
4781
+ .uk-nav-primary .uk-nav-sub {
4782
+ font-size: 1.25rem;
4783
+ line-height: 1.5;
4784
+ }
4771
4785
  .uk-nav-primary .uk-nav-sub a {
4772
4786
  color: #999;
4773
4787
  }
@@ -4815,7 +4829,6 @@ ul.uk-nav-sub {
4815
4829
  */
4816
4830
  .uk-navbar {
4817
4831
  display: flex;
4818
- --uk-navbar-nav-item-gap: 0;
4819
4832
  /* 1 */
4820
4833
  position: relative;
4821
4834
  }
@@ -4828,15 +4841,12 @@ ul.uk-nav-sub {
4828
4841
  ========================================================================== */
4829
4842
  /*
4830
4843
  * 1. Align navs and items vertically if they have a different height
4831
- * 2. Note: IE 11 requires an extra `div` which affects the center selector
4832
4844
  */
4833
4845
  .uk-navbar-left,
4834
4846
  .uk-navbar-right,
4835
- .uk-navbar-center,
4836
- .uk-navbar-center-left > *,
4837
- .uk-navbar-center-right > * {
4847
+ [class*='uk-navbar-center'] {
4838
4848
  display: flex;
4839
- gap: var(--uk-navbar-nav-item-gap);
4849
+ gap: 0px;
4840
4850
  /* 1 */
4841
4851
  align-items: center;
4842
4852
  }
@@ -4875,12 +4885,10 @@ ul.uk-nav-sub {
4875
4885
  top: 0;
4876
4886
  }
4877
4887
  .uk-navbar-center-left {
4878
- right: 100%;
4879
- right: calc(100% + var(--uk-navbar-nav-item-gap));
4888
+ right: calc(100% + 0px);
4880
4889
  }
4881
4890
  .uk-navbar-center-right {
4882
- left: 100%;
4883
- left: calc(100% + var(--uk-navbar-nav-item-gap));
4891
+ left: calc(100% + 0px);
4884
4892
  }
4885
4893
  [class*='uk-navbar-center-'] {
4886
4894
  width: max-content;
@@ -4893,7 +4901,7 @@ ul.uk-nav-sub {
4893
4901
  */
4894
4902
  .uk-navbar-nav {
4895
4903
  display: flex;
4896
- gap: var(--uk-navbar-nav-item-gap);
4904
+ gap: 0px;
4897
4905
  /* 1 */
4898
4906
  margin: 0;
4899
4907
  padding: 0;
@@ -7729,15 +7737,23 @@ iframe[data-uk-cover] {
7729
7737
  /* Logo
7730
7738
  ========================================================================== */
7731
7739
  /*
7732
- * 1. Required for `a`
7740
+ * 1. Style
7741
+ * 2. Required for `a`
7742
+ * 3. Behave like image but can be overridden through flex utility classes
7733
7743
  */
7734
7744
  .uk-logo {
7745
+ /* 1 */
7735
7746
  font-size: 1.5rem;
7736
7747
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
7737
7748
  color: #333;
7738
- /* 1 */
7749
+ /* 2 */
7739
7750
  text-decoration: none;
7740
7751
  }
7752
+ /* 3 */
7753
+ :where(.uk-logo) {
7754
+ display: inline-block;
7755
+ vertical-align: middle;
7756
+ }
7741
7757
  /* Hover */
7742
7758
  .uk-logo:hover {
7743
7759
  color: #333;
@@ -7745,7 +7761,7 @@ iframe[data-uk-cover] {
7745
7761
  text-decoration: none;
7746
7762
  }
7747
7763
  .uk-logo > :where(img, svg, video) {
7748
- display: inline-block;
7764
+ display: block;
7749
7765
  }
7750
7766
  .uk-logo-inverse {
7751
7767
  display: none;