uikit 3.14.2-dev.854a8e6b0 → 3.14.2-dev.c7c85455d

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 (91) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/css/uikit-core-rtl.css +72 -15
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +72 -15
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +76 -15
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +76 -15
  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 +101 -22
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +101 -22
  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 +70 -35
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +55 -35
  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 +55 -35
  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 +135 -44
  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 +225 -106
  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 +294 -140
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/js/components/parallax.js +15 -0
  44. package/src/js/core/accordion.js +3 -3
  45. package/src/js/core/alert.js +1 -1
  46. package/src/js/core/drop.js +40 -20
  47. package/src/js/core/height-viewport.js +14 -9
  48. package/src/js/core/navbar.js +19 -18
  49. package/src/js/core/scrollspy.js +4 -0
  50. package/src/js/core/toggle.js +5 -8
  51. package/src/js/mixin/parallax.js +54 -34
  52. package/src/js/mixin/position.js +44 -23
  53. package/src/js/mixin/togglable.js +105 -24
  54. package/src/js/util/animation.js +1 -0
  55. package/src/js/util/viewport.js +1 -1
  56. package/src/less/components/drop.less +17 -4
  57. package/src/less/components/dropdown.less +19 -4
  58. package/src/less/components/margin.less +13 -14
  59. package/src/less/components/modal.less +19 -4
  60. package/src/less/components/nav.less +1 -1
  61. package/src/less/components/navbar.less +32 -11
  62. package/src/less/components/offcanvas.less +21 -21
  63. package/src/less/components/position.less +1 -1
  64. package/src/less/components/sticky.less +7 -0
  65. package/src/less/components/utility.less +1 -2
  66. package/src/less/theme/dropdown.less +11 -0
  67. package/src/less/theme/navbar.less +7 -0
  68. package/src/scss/components/drop.scss +17 -4
  69. package/src/scss/components/dropdown.scss +19 -4
  70. package/src/scss/components/margin.scss +13 -14
  71. package/src/scss/components/modal.scss +19 -4
  72. package/src/scss/components/nav.scss +1 -1
  73. package/src/scss/components/navbar.scss +21 -0
  74. package/src/scss/components/offcanvas.scss +21 -21
  75. package/src/scss/components/position.scss +1 -1
  76. package/src/scss/components/sticky.scss +7 -0
  77. package/src/scss/components/utility.scss +1 -2
  78. package/src/scss/mixins-theme.scss +8 -0
  79. package/src/scss/mixins.scss +2 -0
  80. package/src/scss/theme/dropdown.scss +8 -0
  81. package/src/scss/theme/navbar.scss +4 -0
  82. package/src/scss/variables-theme.scss +19 -10
  83. package/src/scss/variables.scss +17 -10
  84. package/tests/drop.html +145 -2
  85. package/tests/dropdown.html +228 -13
  86. package/tests/height-viewport.html +62 -0
  87. package/tests/navbar.html +321 -14
  88. package/tests/offcanvas.html +8 -8
  89. package/tests/sticky-navbar.html +132 -0
  90. package/tests/sticky-parallax.html +2 -1
  91. package/tests/sticky.html +5 -4
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.14.2-dev.854a8e6b0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
1
+ /*! UIkit 3.14.2-dev.c7c85455d | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -3501,6 +3501,18 @@ select.uk-form-width-xsmall {
3501
3501
  .uk-drop.uk-open {
3502
3502
  display: block;
3503
3503
  }
3504
+ /* Stretch modifier
3505
+ ========================================================================== */
3506
+ /*
3507
+ * 1. Allow scrolling
3508
+ */
3509
+ .uk-drop-stretch {
3510
+ --uk-position-offset: 0;
3511
+ --uk-position-viewport-offset: 0;
3512
+ /* 1 */
3513
+ overflow-y: auto;
3514
+ -webkit-overflow-scrolling: touch;
3515
+ }
3504
3516
  /* Grid modifiers
3505
3517
  ========================================================================== */
3506
3518
  .uk-drop-stack .uk-drop-grid > * {
@@ -3537,6 +3549,20 @@ select.uk-form-width-xsmall {
3537
3549
  .uk-dropdown.uk-open {
3538
3550
  display: block;
3539
3551
  }
3552
+ /* Stretch modifier
3553
+ ========================================================================== */
3554
+ /*
3555
+ * 1. Allow scrolling
3556
+ */
3557
+ .uk-dropdown-stretch {
3558
+ --uk-position-offset: 0;
3559
+ --uk-position-viewport-offset: 0;
3560
+ /* 1 */
3561
+ overflow-y: auto;
3562
+ -webkit-overflow-scrolling: touch;
3563
+ box-shadow: none;
3564
+ background: #f8f8f8;
3565
+ }
3540
3566
  /* Nav
3541
3567
  * Adopts `uk-nav`
3542
3568
  ========================================================================== */
@@ -3709,20 +3735,32 @@ select.uk-form-width-xsmall {
3709
3735
  ========================================================================== */
3710
3736
  .uk-modal-body {
3711
3737
  display: flow-root;
3712
- padding: 30px 30px;
3738
+ padding: 20px 20px;
3713
3739
  }
3714
3740
  .uk-modal-header {
3715
3741
  display: flow-root;
3716
- padding: 15px 30px;
3742
+ padding: 10px 20px;
3717
3743
  background: #fff;
3718
3744
  border-bottom: 1px solid #e5e5e5;
3719
3745
  }
3720
3746
  .uk-modal-footer {
3721
3747
  display: flow-root;
3722
- padding: 15px 30px;
3748
+ padding: 10px 20px;
3723
3749
  background: #fff;
3724
3750
  border-top: 1px solid #e5e5e5;
3725
3751
  }
3752
+ /* Phone landscape and bigger */
3753
+ @media (min-width: 640px) {
3754
+ .uk-modal-body {
3755
+ padding: 30px 30px;
3756
+ }
3757
+ .uk-modal-header {
3758
+ padding: 15px 30px;
3759
+ }
3760
+ .uk-modal-footer {
3761
+ padding: 15px 30px;
3762
+ }
3763
+ }
3726
3764
  /*
3727
3765
  * Remove margin from the last-child
3728
3766
  */
@@ -3953,6 +3991,13 @@ select.uk-form-width-xsmall {
3953
3991
  .uk-sticky.uk-animation-reverse {
3954
3992
  animation-duration: 0.2s;
3955
3993
  }
3994
+ /*
3995
+ * Placeholder
3996
+ * Make content clickable for sticky cover and reveal effects
3997
+ */
3998
+ .uk-sticky-placeholder {
3999
+ pointer-events: none;
4000
+ }
3956
4001
  /* ========================================================================
3957
4002
  Component: Off-canvas
3958
4003
  ========================================================================== */
@@ -3999,12 +4044,12 @@ select.uk-form-width-xsmall {
3999
4044
  overflow-y: auto;
4000
4045
  -webkit-overflow-scrolling: touch;
4001
4046
  }
4002
- /* Tablet landscape and bigger */
4003
- @media (min-width: 960px) {
4047
+ /* Phone landscape and bigger */
4048
+ @media (min-width: 640px) {
4004
4049
  .uk-offcanvas-bar {
4005
4050
  right: -350px;
4006
4051
  width: 350px;
4007
- padding: 40px 40px;
4052
+ padding: 30px 30px;
4008
4053
  }
4009
4054
  }
4010
4055
  /* Flip modifier */
@@ -4013,7 +4058,7 @@ select.uk-form-width-xsmall {
4013
4058
  left: -270px;
4014
4059
  }
4015
4060
  /* Tablet landscape and bigger */
4016
- @media (min-width: 960px) {
4061
+ @media (min-width: 640px) {
4017
4062
  .uk-offcanvas-flip .uk-offcanvas-bar {
4018
4063
  left: -350px;
4019
4064
  }
@@ -4069,7 +4114,7 @@ select.uk-form-width-xsmall {
4069
4114
  width: 270px;
4070
4115
  }
4071
4116
  /* Tablet landscape and bigger */
4072
- @media (min-width: 960px) {
4117
+ @media (min-width: 640px) {
4073
4118
  .uk-open > .uk-offcanvas-reveal {
4074
4119
  width: 350px;
4075
4120
  }
@@ -4092,10 +4137,10 @@ select.uk-form-width-xsmall {
4092
4137
  padding: 5px;
4093
4138
  }
4094
4139
  /* Tablet landscape and bigger */
4095
- @media (min-width: 960px) {
4140
+ @media (min-width: 640px) {
4096
4141
  .uk-offcanvas-close {
4097
- top: 20px;
4098
- left: 20px;
4142
+ top: 10px;
4143
+ left: 10px;
4099
4144
  }
4100
4145
  }
4101
4146
  /*
@@ -4173,7 +4218,7 @@ select.uk-form-width-xsmall {
4173
4218
  right: -270px;
4174
4219
  }
4175
4220
  /* Tablet landscape and bigger */
4176
- @media (min-width: 960px) {
4221
+ @media (min-width: 640px) {
4177
4222
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
4178
4223
  right: 350px;
4179
4224
  }
@@ -5303,6 +5348,20 @@ ul.uk-nav-sub {
5303
5348
  .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
5304
5349
  width: 1000px;
5305
5350
  }
5351
+ /*
5352
+ * Stretch modifier
5353
+ * 1. Allow scrolling
5354
+ */
5355
+ .uk-navbar-dropdown-stretch {
5356
+ --uk-position-offset: 0;
5357
+ --uk-position-shift-offset: 0;
5358
+ --uk-position-viewport-offset: 0;
5359
+ /* 1 */
5360
+ overflow-y: auto;
5361
+ -webkit-overflow-scrolling: touch;
5362
+ box-shadow: none;
5363
+ background: #f8f8f8;
5364
+ }
5306
5365
  /*
5307
5366
  * Dropbar modifier
5308
5367
  * 1. Reset dropdown width to prevent to early shifting
@@ -7804,7 +7863,6 @@ iframe[data-uk-cover] {
7804
7863
  }
7805
7864
  /*
7806
7865
  * Enable scrollbars if content is clipped
7807
- * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518
7808
7866
  */
7809
7867
  .uk-overflow-auto {
7810
7868
  overflow: auto;
@@ -8084,7 +8142,7 @@ iframe[data-uk-cover] {
8084
8142
  text-decoration: none;
8085
8143
  }
8086
8144
  .uk-logo > :where(img, svg, video) {
8087
- display: block;
8145
+ display: inline-block;
8088
8146
  }
8089
8147
  .uk-logo-inverse {
8090
8148
  display: none;
@@ -8934,6 +8992,9 @@ iframe[data-uk-cover] {
8934
8992
  .uk-position-z-index {
8935
8993
  z-index: 1;
8936
8994
  }
8995
+ .uk-position-z-index-zero {
8996
+ z-index: 0;
8997
+ }
8937
8998
  .uk-position-z-index-negative {
8938
8999
  z-index: -1;
8939
9000
  }