uikit 3.14.4-dev.dbd727038 → 3.14.4-dev.ed37f5c44

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 (75) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/dist/css/uikit-core-rtl.css +51 -52
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +51 -52
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +51 -52
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +51 -52
  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 +1 -1
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -1
  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 +4 -5
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +4 -5
  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 +4 -5
  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 +4 -4
  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 +70 -39
  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 +70 -39
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/images/{backgrounds/nav-parent-close.svg → components/nav-parent-icon-large.svg} +0 -0
  44. package/src/images/components/nav-parent-icon.svg +3 -0
  45. package/src/js/core/height-viewport.js +4 -2
  46. package/src/js/core/icon.js +14 -0
  47. package/src/js/core/index.js +1 -0
  48. package/src/js/core/leader.js +2 -2
  49. package/src/js/core/scroll.js +38 -11
  50. package/src/js/mixin/media.js +4 -5
  51. package/src/js/mixin/position.js +3 -4
  52. package/src/js/util/style.js +4 -13
  53. package/src/js/util/viewport.js +2 -4
  54. package/src/less/components/dropdown.less +6 -0
  55. package/src/less/components/leader.less +1 -1
  56. package/src/less/components/nav.less +7 -37
  57. package/src/less/components/navbar.less +7 -0
  58. package/src/less/components/utility.less +10 -2
  59. package/src/less/theme/nav.less +0 -8
  60. package/src/scss/components/dropdown.scss +6 -0
  61. package/src/scss/components/leader.scss +1 -1
  62. package/src/scss/components/nav.scss +7 -26
  63. package/src/scss/components/navbar.scss +7 -0
  64. package/src/scss/components/utility.scss +8 -1
  65. package/src/scss/mixins-theme.scss +2 -14
  66. package/src/scss/mixins.scss +2 -14
  67. package/src/scss/theme/nav.scss +0 -8
  68. package/src/scss/variables-theme.scss +1 -7
  69. package/src/scss/variables.scss +1 -7
  70. package/tests/index.html +2 -2
  71. package/tests/nav.html +8 -8
  72. package/tests/navbar.html +0 -6
  73. package/tests/offcanvas.html +8 -8
  74. package/tests/utility.html +19 -0
  75. package/src/images/backgrounds/nav-parent-open.svg +0 -3
package/dist/css/uikit-core.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.14.4-dev.dbd727038 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.14.4-dev.ed37f5c44 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -3287,6 +3287,12 @@ select.uk-form-width-xsmall {
3287
3287
  .uk-dropdown.uk-open {
3288
3288
  display: block;
3289
3289
  }
3290
+ /*
3291
+ * Remove margin from the last-child
3292
+ */
3293
+ .uk-dropdown > :last-child {
3294
+ margin-bottom: 0;
3295
+ }
3290
3296
  /* Size modifier
3291
3297
  ========================================================================== */
3292
3298
  .uk-dropdown-large {
@@ -4014,7 +4020,7 @@ select.uk-form-width-xsmall {
4014
4020
  * Pass fill character to JS
4015
4021
  */
4016
4022
  :root {
4017
- --uk-leader-fill-content: '.';
4023
+ --uk-leader-fill-content: .;
4018
4024
  }
4019
4025
  /* ========================================================================
4020
4026
  Component: Notification
@@ -4661,17 +4667,11 @@ ul.uk-nav-sub {
4661
4667
  }
4662
4668
  /* Parent icon modifier
4663
4669
  ========================================================================== */
4664
- .uk-nav-parent-icon > .uk-parent > a::after {
4665
- content: "";
4666
- width: 1.5em;
4667
- height: 1.5em;
4670
+ .uk-nav-parent-icon {
4668
4671
  margin-left: auto;
4669
- 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");
4670
- background-repeat: no-repeat;
4671
- background-position: 50% 50%;
4672
4672
  }
4673
- .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
4674
- 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");
4673
+ .uk-nav > li > a[aria-expanded="true"] .uk-nav-parent-icon {
4674
+ transform: rotate(180deg);
4675
4675
  }
4676
4676
  /* Header
4677
4677
  ========================================================================== */
@@ -4816,14 +4816,14 @@ ul.uk-nav-sub {
4816
4816
  padding-left: 0;
4817
4817
  }
4818
4818
  /* Parent icon modifier */
4819
- .uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after {
4819
+ .uk-nav-center .uk-nav-parent-icon {
4820
4820
  margin-left: 0;
4821
4821
  }
4822
4822
  /* Style modifier
4823
4823
  ========================================================================== */
4824
4824
  .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) {
4825
- margin-top: 0;
4826
- padding-top: 0;
4825
+ margin-top: 5px;
4826
+ padding-top: 5px;
4827
4827
  border-top: 1px solid #e5e5e5;
4828
4828
  }
4829
4829
  /* ========================================================================
@@ -5054,6 +5054,12 @@ ul.uk-nav-sub {
5054
5054
  .uk-navbar-dropdown.uk-open {
5055
5055
  display: block;
5056
5056
  }
5057
+ /*
5058
+ * Remove margin from the last-child
5059
+ */
5060
+ .uk-navbar-dropdown > :last-child {
5061
+ margin-bottom: 0;
5062
+ }
5057
5063
  /*
5058
5064
  * Grid
5059
5065
  * Adopts `uk-grid`
@@ -7531,6 +7537,14 @@ iframe[data-uk-cover] {
7531
7537
  .uk-overflow-auto > :last-child {
7532
7538
  margin-bottom: 0;
7533
7539
  }
7540
+ /* Box Sizing
7541
+ ========================================================================== */
7542
+ .uk-box-sizing-content {
7543
+ box-sizing: content-box;
7544
+ }
7545
+ .uk-box-sizing-border {
7546
+ box-sizing: border-box;
7547
+ }
7534
7548
  /* Resize
7535
7549
  ========================================================================== */
7536
7550
  .uk-resize {
@@ -7808,7 +7822,7 @@ iframe[data-uk-cover] {
7808
7822
  /* 1 */
7809
7823
  text-decoration: none;
7810
7824
  }
7811
- .uk-logo > :where(img, svg, video) {
7825
+ .uk-logo :where(img, svg, video) {
7812
7826
  display: block;
7813
7827
  }
7814
7828
  .uk-logo-inverse {
@@ -10698,32 +10712,6 @@ iframe[data-uk-cover] {
10698
10712
  .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
10699
10713
  border-top-color: rgba(255, 255, 255, 0.2);
10700
10714
  }
10701
- .uk-light .uk-nav-parent-icon > .uk-parent > a::after,
10702
- .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
10703
- .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
10704
- .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
10705
- .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after,
10706
- .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
10707
- .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
10708
- .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after,
10709
- .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
10710
- .uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
10711
- .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
10712
- 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");
10713
- }
10714
- .uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10715
- .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10716
- .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10717
- .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10718
- .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10719
- .uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10720
- .uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10721
- .uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10722
- .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10723
- .uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
10724
- .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
10725
- 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");
10726
- }
10727
10715
  .uk-light .uk-nav-default > li > a,
10728
10716
  .uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
10729
10717
  .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a,
@@ -11582,17 +11570,28 @@ iframe[data-uk-cover] {
11582
11570
  .uk-offcanvas-bar .uk-logo:hover {
11583
11571
  color: #fff;
11584
11572
  }
11585
- .uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11586
- .uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11587
- .uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11588
- .uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11589
- .uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11590
- .uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11591
- .uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11592
- .uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11593
- .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11594
- .uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type),
11595
- .uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) {
11573
+ .uk-light .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11574
+ .uk-light .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11575
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11576
+ .uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11577
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11578
+ .uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11579
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11580
+ .uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11581
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11582
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11583
+ .uk-card-primary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11584
+ .uk-card-primary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11585
+ .uk-card-primary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11586
+ .uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11587
+ .uk-card-secondary.uk-card-body .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11588
+ .uk-card-secondary.uk-card-body .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11589
+ .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11590
+ .uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11591
+ .uk-overlay-primary .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11592
+ .uk-overlay-primary .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type),
11593
+ .uk-offcanvas-bar .uk-logo > picture:not(:only-of-type) > :not(.uk-logo-inverse),
11594
+ .uk-offcanvas-bar .uk-logo > :not(picture):not(.uk-logo-inverse):not(:only-of-type) {
11596
11595
  display: none;
11597
11596
  }
11598
11597
  .uk-light .uk-logo-inverse,