uikit 3.14.4-dev.838f092aa → 3.14.4-dev.846652f92

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 (72) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/css/uikit-core-rtl.css +45 -11
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +45 -11
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +42 -11
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +42 -11
  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 +23 -8
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +23 -8
  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 +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  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 +1 -1
  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 +23 -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 +50 -42
  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 +97 -74
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/images/backgrounds/nav-parent-close.svg +1 -1
  44. package/src/images/backgrounds/nav-parent-open.svg +1 -1
  45. package/src/js/components/sortable.js +2 -3
  46. package/src/js/core/drop.js +2 -1
  47. package/src/js/core/height-viewport.js +9 -5
  48. package/src/js/core/sticky.js +8 -9
  49. package/src/js/mixin/modal.js +1 -1
  50. package/src/js/mixin/position.js +27 -5
  51. package/src/js/mixin/slider-drag.js +20 -8
  52. package/src/js/util/dimensions.js +6 -6
  53. package/src/js/util/position.js +1 -0
  54. package/src/js/util/viewport.js +2 -27
  55. package/src/less/components/dropdown.less +8 -0
  56. package/src/less/components/nav.less +22 -4
  57. package/src/less/components/navbar.less +12 -3
  58. package/src/less/components/utility.less +12 -3
  59. package/src/less/theme/nav.less +3 -7
  60. package/src/less/theme/navbar.less +2 -0
  61. package/src/scss/components/dropdown.scss +8 -0
  62. package/src/scss/components/nav.scss +24 -6
  63. package/src/scss/components/navbar.scss +12 -3
  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 +2 -0
  68. package/src/scss/variables-theme.scss +13 -6
  69. package/src/scss/variables.scss +13 -5
  70. package/tests/drop.html +66 -16
  71. package/tests/dropdown.html +103 -16
  72. package/tests/navbar.html +1927 -1125
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.14.4-dev.838f092aa | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.14.4-dev.846652f92 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -3549,6 +3549,11 @@ select.uk-form-width-xsmall {
3549
3549
  .uk-dropdown.uk-open {
3550
3550
  display: block;
3551
3551
  }
3552
+ /* Size modifier
3553
+ ========================================================================== */
3554
+ .uk-dropdown-large {
3555
+ padding: 40px;
3556
+ }
3552
3557
  /* Stretch modifier
3553
3558
  ========================================================================== */
3554
3559
  /*
@@ -4936,12 +4941,12 @@ ul.uk-nav-sub {
4936
4941
  width: 1.5em;
4937
4942
  height: 1.5em;
4938
4943
  margin-left: auto;
4939
- background-image: url("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%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
4944
+ background-image: url("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%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
4940
4945
  background-repeat: no-repeat;
4941
4946
  background-position: 50% 50%;
4942
4947
  }
4943
4948
  .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
4944
- background-image: url("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%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
4949
+ background-image: url("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%23666%22%20stroke-width%3D%221.1%22%20points%3D%2213%2010%207%204%201%2010%22%20%2F%3E%0A%3C%2Fsvg%3E");
4945
4950
  }
4946
4951
  /* Header
4947
4952
  ========================================================================== */
@@ -4962,6 +4967,7 @@ ul.uk-nav-sub {
4962
4967
  ========================================================================== */
4963
4968
  .uk-nav-default {
4964
4969
  font-size: 0.875rem;
4970
+ line-height: 1.5;
4965
4971
  }
4966
4972
  /*
4967
4973
  * Items
@@ -4998,6 +5004,10 @@ ul.uk-nav-sub {
4998
5004
  /*
4999
5005
  * Sublists
5000
5006
  */
5007
+ .uk-nav-default .uk-nav-sub {
5008
+ font-size: 0.875rem;
5009
+ line-height: 1.5;
5010
+ }
5001
5011
  .uk-nav-default .uk-nav-sub a {
5002
5012
  color: #999;
5003
5013
  }
@@ -5009,12 +5019,14 @@ ul.uk-nav-sub {
5009
5019
  }
5010
5020
  /* Primary modifier
5011
5021
  ========================================================================== */
5022
+ .uk-nav-primary {
5023
+ font-size: 1.5rem;
5024
+ line-height: 1.5;
5025
+ }
5012
5026
  /*
5013
5027
  * Items
5014
5028
  */
5015
5029
  .uk-nav-primary > li > a {
5016
- font-size: 1.5rem;
5017
- line-height: 1.5;
5018
5030
  color: #999;
5019
5031
  }
5020
5032
  /* Hover */
@@ -5046,6 +5058,10 @@ ul.uk-nav-sub {
5046
5058
  /*
5047
5059
  * Sublists
5048
5060
  */
5061
+ .uk-nav-primary .uk-nav-sub {
5062
+ font-size: 1.25rem;
5063
+ line-height: 1.5;
5064
+ }
5049
5065
  .uk-nav-primary .uk-nav-sub a {
5050
5066
  color: #999;
5051
5067
  }
@@ -5200,7 +5216,6 @@ ul.uk-nav-sub {
5200
5216
  /* 3 */
5201
5217
  box-sizing: border-box;
5202
5218
  min-height: 80px;
5203
- padding: 0 0;
5204
5219
  /* 4 */
5205
5220
  font-size: 0.875rem;
5206
5221
  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";
@@ -5211,6 +5226,7 @@ ul.uk-nav-sub {
5211
5226
  * Nav items
5212
5227
  */
5213
5228
  .uk-navbar-nav > li > a {
5229
+ padding: 0 0;
5214
5230
  color: #999;
5215
5231
  text-transform: uppercase;
5216
5232
  transition: 0.1s ease-in-out;
@@ -5247,6 +5263,7 @@ ul.uk-nav-sub {
5247
5263
  /* Toggle
5248
5264
  ========================================================================== */
5249
5265
  .uk-navbar-toggle {
5266
+ padding: 0 0;
5250
5267
  color: #999;
5251
5268
  }
5252
5269
  .uk-navbar-toggle:hover,
@@ -5342,6 +5359,12 @@ ul.uk-nav-sub {
5342
5359
  .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
5343
5360
  width: 1000px;
5344
5361
  }
5362
+ /*
5363
+ * Size modifier
5364
+ */
5365
+ .uk-navbar-dropdown-large {
5366
+ padding: 40px;
5367
+ }
5345
5368
  /*
5346
5369
  * Stretch modifier
5347
5370
  * 1. Allow scrolling
@@ -8120,15 +8143,23 @@ iframe[data-uk-cover] {
8120
8143
  /* Logo
8121
8144
  ========================================================================== */
8122
8145
  /*
8123
- * 1. Required for `a`
8146
+ * 1. Style
8147
+ * 2. Required for `a`
8148
+ * 3. Behave like image but can be overridden through flex utility classes
8124
8149
  */
8125
8150
  .uk-logo {
8151
+ /* 1 */
8126
8152
  font-size: 1.5rem;
8127
8153
  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";
8128
8154
  color: #333;
8129
- /* 1 */
8155
+ /* 2 */
8130
8156
  text-decoration: none;
8131
8157
  }
8158
+ /* 3 */
8159
+ :where(.uk-logo) {
8160
+ display: inline-block;
8161
+ vertical-align: middle;
8162
+ }
8132
8163
  /* Hover */
8133
8164
  .uk-logo:hover {
8134
8165
  color: #333;
@@ -8136,7 +8167,7 @@ iframe[data-uk-cover] {
8136
8167
  text-decoration: none;
8137
8168
  }
8138
8169
  .uk-logo > :where(img, svg, video) {
8139
- display: inline-block;
8170
+ display: block;
8140
8171
  }
8141
8172
  .uk-logo-inverse {
8142
8173
  display: none;
@@ -11114,7 +11145,7 @@ iframe[data-uk-cover] {
11114
11145
  .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
11115
11146
  .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
11116
11147
  .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
11117
- background-image: url("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%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");
11148
+ background-image: url("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%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
11118
11149
  }
11119
11150
  .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11120
11151
  .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
@@ -11127,7 +11158,7 @@ iframe[data-uk-cover] {
11127
11158
  .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11128
11159
  .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
11129
11160
  .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
11130
- background-image: url("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%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");
11161
+ background-image: url("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%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2213%2010%207%204%201%2010%22%20%2F%3E%0A%3C%2Fsvg%3E");
11131
11162
  }
11132
11163
  .uk-light .uk-nav-default > li > a,
11133
11164
  .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,