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
  ========================================================================== */
@@ -4962,6 +4962,7 @@ ul.uk-nav-sub {
4962
4962
  ========================================================================== */
4963
4963
  .uk-nav-default {
4964
4964
  font-size: 0.875rem;
4965
+ line-height: 1.5;
4965
4966
  }
4966
4967
  /*
4967
4968
  * Items
@@ -4998,6 +4999,10 @@ ul.uk-nav-sub {
4998
4999
  /*
4999
5000
  * Sublists
5000
5001
  */
5002
+ .uk-nav-default .uk-nav-sub {
5003
+ font-size: 0.875rem;
5004
+ line-height: 1.5;
5005
+ }
5001
5006
  .uk-nav-default .uk-nav-sub a {
5002
5007
  color: #999;
5003
5008
  }
@@ -5009,12 +5014,14 @@ ul.uk-nav-sub {
5009
5014
  }
5010
5015
  /* Primary modifier
5011
5016
  ========================================================================== */
5017
+ .uk-nav-primary {
5018
+ font-size: 1.5rem;
5019
+ line-height: 1.5;
5020
+ }
5012
5021
  /*
5013
5022
  * Items
5014
5023
  */
5015
5024
  .uk-nav-primary > li > a {
5016
- font-size: 1.5rem;
5017
- line-height: 1.5;
5018
5025
  color: #999;
5019
5026
  }
5020
5027
  /* Hover */
@@ -5046,6 +5053,10 @@ ul.uk-nav-sub {
5046
5053
  /*
5047
5054
  * Sublists
5048
5055
  */
5056
+ .uk-nav-primary .uk-nav-sub {
5057
+ font-size: 1.25rem;
5058
+ line-height: 1.5;
5059
+ }
5049
5060
  .uk-nav-primary .uk-nav-sub a {
5050
5061
  color: #999;
5051
5062
  }
@@ -5093,7 +5104,6 @@ ul.uk-nav-sub {
5093
5104
  */
5094
5105
  .uk-navbar {
5095
5106
  display: flex;
5096
- --uk-navbar-nav-item-gap: 30px;
5097
5107
  /* 1 */
5098
5108
  position: relative;
5099
5109
  }
@@ -5106,15 +5116,12 @@ ul.uk-nav-sub {
5106
5116
  ========================================================================== */
5107
5117
  /*
5108
5118
  * 1. Align navs and items vertically if they have a different height
5109
- * 2. Note: IE 11 requires an extra `div` which affects the center selector
5110
5119
  */
5111
5120
  .uk-navbar-left,
5112
5121
  .uk-navbar-right,
5113
- .uk-navbar-center,
5114
- .uk-navbar-center-left > *,
5115
- .uk-navbar-center-right > * {
5122
+ [class*='uk-navbar-center'] {
5116
5123
  display: flex;
5117
- gap: var(--uk-navbar-nav-item-gap);
5124
+ gap: 30px;
5118
5125
  /* 1 */
5119
5126
  align-items: center;
5120
5127
  }
@@ -5153,12 +5160,10 @@ ul.uk-nav-sub {
5153
5160
  top: 0;
5154
5161
  }
5155
5162
  .uk-navbar-center-left {
5156
- right: 100%;
5157
- right: calc(100% + var(--uk-navbar-nav-item-gap));
5163
+ right: calc(100% + 30px);
5158
5164
  }
5159
5165
  .uk-navbar-center-right {
5160
- left: 100%;
5161
- left: calc(100% + var(--uk-navbar-nav-item-gap));
5166
+ left: calc(100% + 30px);
5162
5167
  }
5163
5168
  [class*='uk-navbar-center-'] {
5164
5169
  width: max-content;
@@ -5171,7 +5176,7 @@ ul.uk-nav-sub {
5171
5176
  */
5172
5177
  .uk-navbar-nav {
5173
5178
  display: flex;
5174
- gap: var(--uk-navbar-nav-item-gap);
5179
+ gap: 30px;
5175
5180
  /* 1 */
5176
5181
  margin: 0;
5177
5182
  padding: 0;
@@ -8126,15 +8131,23 @@ iframe[data-uk-cover] {
8126
8131
  /* Logo
8127
8132
  ========================================================================== */
8128
8133
  /*
8129
- * 1. Required for `a`
8134
+ * 1. Style
8135
+ * 2. Required for `a`
8136
+ * 3. Behave like image but can be overridden through flex utility classes
8130
8137
  */
8131
8138
  .uk-logo {
8139
+ /* 1 */
8132
8140
  font-size: 1.5rem;
8133
8141
  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";
8134
8142
  color: #333;
8135
- /* 1 */
8143
+ /* 2 */
8136
8144
  text-decoration: none;
8137
8145
  }
8146
+ /* 3 */
8147
+ :where(.uk-logo) {
8148
+ display: inline-block;
8149
+ vertical-align: middle;
8150
+ }
8138
8151
  /* Hover */
8139
8152
  .uk-logo:hover {
8140
8153
  color: #333;
@@ -8142,7 +8155,7 @@ iframe[data-uk-cover] {
8142
8155
  text-decoration: none;
8143
8156
  }
8144
8157
  .uk-logo > :where(img, svg, video) {
8145
- display: inline-block;
8158
+ display: block;
8146
8159
  }
8147
8160
  .uk-logo-inverse {
8148
8161
  display: none;