uikit 3.14.4-dev.838f092aa → 3.14.4-dev.a02c81d72
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.
- package/CHANGELOG.md +12 -0
- package/dist/css/uikit-core-rtl.css +68 -19
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +68 -19
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +65 -20
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +65 -20
- package/dist/css/uikit.min.css +1 -1
- package/dist/js/components/countdown.js +1 -1
- package/dist/js/components/countdown.min.js +1 -1
- package/dist/js/components/filter.js +7 -5
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +23 -8
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +23 -8
- package/dist/js/components/lightbox.min.js +1 -1
- package/dist/js/components/notification.js +1 -1
- package/dist/js/components/notification.min.js +1 -1
- package/dist/js/components/parallax.js +1 -1
- package/dist/js/components/parallax.min.js +1 -1
- package/dist/js/components/slider-parallax.js +1 -1
- package/dist/js/components/slider-parallax.min.js +1 -1
- package/dist/js/components/slider.js +22 -7
- package/dist/js/components/slider.min.js +1 -1
- package/dist/js/components/slideshow-parallax.js +1 -1
- package/dist/js/components/slideshow-parallax.min.js +1 -1
- package/dist/js/components/slideshow.js +22 -7
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +3 -3
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +18 -3
- package/dist/js/components/tooltip.min.js +1 -1
- package/dist/js/components/upload.js +1 -1
- package/dist/js/components/upload.min.js +1 -1
- package/dist/js/uikit-core.js +90 -54
- package/dist/js/uikit-core.min.js +1 -1
- package/dist/js/uikit-icons.js +1 -1
- package/dist/js/uikit-icons.min.js +1 -1
- package/dist/js/uikit.js +143 -90
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/images/backgrounds/nav-parent-close.svg +1 -1
- package/src/images/backgrounds/nav-parent-open.svg +1 -1
- package/src/images/backgrounds/navbar-parent-close.svg +3 -0
- package/src/images/backgrounds/navbar-parent-open.svg +3 -0
- package/src/js/components/filter.js +5 -3
- package/src/js/components/sortable.js +2 -3
- package/src/js/core/height-viewport.js +11 -5
- package/src/js/core/navbar.js +44 -15
- package/src/js/core/sticky.js +8 -9
- package/src/js/mixin/modal.js +1 -1
- package/src/js/mixin/position.js +24 -7
- package/src/js/mixin/slider-drag.js +20 -8
- package/src/js/util/dimensions.js +6 -6
- package/src/js/util/position.js +1 -0
- package/src/js/util/viewport.js +2 -27
- package/src/less/components/dropdown.less +8 -0
- package/src/less/components/nav.less +22 -4
- package/src/less/components/navbar.less +52 -13
- package/src/less/components/utility.less +12 -3
- package/src/less/theme/nav.less +3 -7
- package/src/less/theme/navbar.less +4 -6
- package/src/scss/components/dropdown.scss +8 -0
- package/src/scss/components/nav.scss +24 -6
- package/src/scss/components/navbar.scss +52 -13
- package/src/scss/components/utility.scss +12 -3
- package/src/scss/mixins-theme.scss +2 -5
- package/src/scss/theme/nav.scss +3 -7
- package/src/scss/theme/navbar.scss +3 -2
- package/src/scss/variables-theme.scss +24 -9
- package/src/scss/variables.scss +24 -7
- package/tests/drop.html +66 -16
- package/tests/dropdown.html +103 -16
- package/tests/navbar.html +2131 -1125
package/dist/css/uikit-core.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.14.4-dev.
|
|
1
|
+
/*! UIkit 3.14.4-dev.a02c81d72 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
|
|
2
2
|
/* ========================================================================
|
|
3
3
|
Component: Base
|
|
4
4
|
========================================================================== */
|
|
@@ -3287,6 +3287,11 @@ select.uk-form-width-xsmall {
|
|
|
3287
3287
|
.uk-dropdown.uk-open {
|
|
3288
3288
|
display: block;
|
|
3289
3289
|
}
|
|
3290
|
+
/* Size modifier
|
|
3291
|
+
========================================================================== */
|
|
3292
|
+
.uk-dropdown-large {
|
|
3293
|
+
padding: 40px;
|
|
3294
|
+
}
|
|
3290
3295
|
/* Stretch modifier
|
|
3291
3296
|
========================================================================== */
|
|
3292
3297
|
/*
|
|
@@ -4661,12 +4666,12 @@ ul.uk-nav-sub {
|
|
|
4661
4666
|
width: 1.5em;
|
|
4662
4667
|
height: 1.5em;
|
|
4663
4668
|
margin-left: auto;
|
|
4664
|
-
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%
|
|
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");
|
|
4665
4670
|
background-repeat: no-repeat;
|
|
4666
4671
|
background-position: 50% 50%;
|
|
4667
4672
|
}
|
|
4668
4673
|
.uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
|
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%
|
|
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");
|
|
4670
4675
|
}
|
|
4671
4676
|
/* Header
|
|
4672
4677
|
========================================================================== */
|
|
@@ -4685,6 +4690,10 @@ ul.uk-nav-sub {
|
|
|
4685
4690
|
}
|
|
4686
4691
|
/* Default modifier
|
|
4687
4692
|
========================================================================== */
|
|
4693
|
+
.uk-nav-default {
|
|
4694
|
+
font-size: 16px;
|
|
4695
|
+
line-height: 1.5;
|
|
4696
|
+
}
|
|
4688
4697
|
/*
|
|
4689
4698
|
* Items
|
|
4690
4699
|
*/
|
|
@@ -4720,6 +4729,10 @@ ul.uk-nav-sub {
|
|
|
4720
4729
|
/*
|
|
4721
4730
|
* Sublists
|
|
4722
4731
|
*/
|
|
4732
|
+
.uk-nav-default .uk-nav-sub {
|
|
4733
|
+
font-size: 16px;
|
|
4734
|
+
line-height: 1.5;
|
|
4735
|
+
}
|
|
4723
4736
|
.uk-nav-default .uk-nav-sub a {
|
|
4724
4737
|
color: #999;
|
|
4725
4738
|
}
|
|
@@ -4731,12 +4744,14 @@ ul.uk-nav-sub {
|
|
|
4731
4744
|
}
|
|
4732
4745
|
/* Primary modifier
|
|
4733
4746
|
========================================================================== */
|
|
4747
|
+
.uk-nav-primary {
|
|
4748
|
+
font-size: 1.5rem;
|
|
4749
|
+
line-height: 1.5;
|
|
4750
|
+
}
|
|
4734
4751
|
/*
|
|
4735
4752
|
* Items
|
|
4736
4753
|
*/
|
|
4737
4754
|
.uk-nav-primary > li > a {
|
|
4738
|
-
font-size: 1.5rem;
|
|
4739
|
-
line-height: 1.5;
|
|
4740
4755
|
color: #999;
|
|
4741
4756
|
}
|
|
4742
4757
|
/* Hover */
|
|
@@ -4768,6 +4783,10 @@ ul.uk-nav-sub {
|
|
|
4768
4783
|
/*
|
|
4769
4784
|
* Sublists
|
|
4770
4785
|
*/
|
|
4786
|
+
.uk-nav-primary .uk-nav-sub {
|
|
4787
|
+
font-size: 1.25rem;
|
|
4788
|
+
line-height: 1.5;
|
|
4789
|
+
}
|
|
4771
4790
|
.uk-nav-primary .uk-nav-sub a {
|
|
4772
4791
|
color: #999;
|
|
4773
4792
|
}
|
|
@@ -4922,7 +4941,6 @@ ul.uk-nav-sub {
|
|
|
4922
4941
|
/* 3 */
|
|
4923
4942
|
box-sizing: border-box;
|
|
4924
4943
|
min-height: 80px;
|
|
4925
|
-
padding: 0 15px;
|
|
4926
4944
|
/* 4 */
|
|
4927
4945
|
font-size: 16px;
|
|
4928
4946
|
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";
|
|
@@ -4933,6 +4951,7 @@ ul.uk-nav-sub {
|
|
|
4933
4951
|
* Nav items
|
|
4934
4952
|
*/
|
|
4935
4953
|
.uk-navbar-nav > li > a {
|
|
4954
|
+
padding: 0 15px;
|
|
4936
4955
|
color: #999;
|
|
4937
4956
|
}
|
|
4938
4957
|
/*
|
|
@@ -4951,6 +4970,21 @@ ul.uk-nav-sub {
|
|
|
4951
4970
|
.uk-navbar-nav > li.uk-active > a {
|
|
4952
4971
|
color: #333;
|
|
4953
4972
|
}
|
|
4973
|
+
/* Parent icon modifier
|
|
4974
|
+
========================================================================== */
|
|
4975
|
+
.uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a::after {
|
|
4976
|
+
content: "";
|
|
4977
|
+
width: 12px;
|
|
4978
|
+
height: 12px;
|
|
4979
|
+
margin-left: auto;
|
|
4980
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.1%22%20points%3D%221%203.5%206%208.5%2011%203.5%22%2F%3E%0A%3C%2Fsvg%3E");
|
|
4981
|
+
background-repeat: no-repeat;
|
|
4982
|
+
background-position: 50% 50%;
|
|
4983
|
+
}
|
|
4984
|
+
.uk-navbar-parent-icon .uk-navbar-nav > .uk-parent:hover > a::after,
|
|
4985
|
+
.uk-navbar-parent-icon .uk-navbar-nav > .uk-parent > a[aria-expanded="true"]::after {
|
|
4986
|
+
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23999%22%20stroke-width%3D%221.1%22%20points%3D%2211%208.5%206%203.5%201%208.5%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
4987
|
+
}
|
|
4954
4988
|
/* Item
|
|
4955
4989
|
========================================================================== */
|
|
4956
4990
|
.uk-navbar-item {
|
|
@@ -4966,6 +5000,7 @@ ul.uk-nav-sub {
|
|
|
4966
5000
|
/* Toggle
|
|
4967
5001
|
========================================================================== */
|
|
4968
5002
|
.uk-navbar-toggle {
|
|
5003
|
+
padding: 0 15px;
|
|
4969
5004
|
color: #999;
|
|
4970
5005
|
}
|
|
4971
5006
|
.uk-navbar-toggle:hover,
|
|
@@ -5060,9 +5095,16 @@ ul.uk-nav-sub {
|
|
|
5060
5095
|
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
|
|
5061
5096
|
width: 1000px;
|
|
5062
5097
|
}
|
|
5098
|
+
/*
|
|
5099
|
+
* Size modifier
|
|
5100
|
+
*/
|
|
5101
|
+
.uk-navbar-dropdown-large {
|
|
5102
|
+
padding: 40px;
|
|
5103
|
+
}
|
|
5063
5104
|
/*
|
|
5064
5105
|
* Stretch modifier
|
|
5065
5106
|
* 1. Allow scrolling
|
|
5107
|
+
* 2. Style
|
|
5066
5108
|
*/
|
|
5067
5109
|
.uk-navbar-dropdown-stretch {
|
|
5068
5110
|
--uk-position-offset: 0;
|
|
@@ -5071,24 +5113,23 @@ ul.uk-nav-sub {
|
|
|
5071
5113
|
/* 1 */
|
|
5072
5114
|
overflow-y: auto;
|
|
5073
5115
|
-webkit-overflow-scrolling: touch;
|
|
5116
|
+
/* 2 */
|
|
5117
|
+
padding: 15px 15px 15px 15px;
|
|
5118
|
+
background: #fff;
|
|
5074
5119
|
}
|
|
5075
5120
|
/*
|
|
5076
5121
|
* Dropbar modifier
|
|
5077
5122
|
* 1. Reset dropdown width to prevent to early shifting
|
|
5078
|
-
* 2.
|
|
5079
|
-
* 3.
|
|
5080
|
-
* 4. Horizontal padding
|
|
5123
|
+
* 2. Reset style
|
|
5124
|
+
* 3. Padding
|
|
5081
5125
|
*/
|
|
5082
5126
|
.uk-navbar-dropdown-dropbar {
|
|
5083
5127
|
/* 1 */
|
|
5084
5128
|
width: auto;
|
|
5085
5129
|
/* 2 */
|
|
5086
|
-
|
|
5130
|
+
background: transparent;
|
|
5087
5131
|
/* 3 */
|
|
5088
|
-
|
|
5089
|
-
/* 4 */
|
|
5090
|
-
padding-left: 15px;
|
|
5091
|
-
padding-right: 15px;
|
|
5132
|
+
padding: 15px 15px 15px 15px;
|
|
5092
5133
|
--uk-position-shift-offset: 0;
|
|
5093
5134
|
}
|
|
5094
5135
|
/* Dropdown Nav
|
|
@@ -7723,15 +7764,23 @@ iframe[data-uk-cover] {
|
|
|
7723
7764
|
/* Logo
|
|
7724
7765
|
========================================================================== */
|
|
7725
7766
|
/*
|
|
7726
|
-
* 1.
|
|
7767
|
+
* 1. Style
|
|
7768
|
+
* 2. Required for `a`
|
|
7769
|
+
* 3. Behave like image but can be overridden through flex utility classes
|
|
7727
7770
|
*/
|
|
7728
7771
|
.uk-logo {
|
|
7772
|
+
/* 1 */
|
|
7729
7773
|
font-size: 1.5rem;
|
|
7730
7774
|
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";
|
|
7731
7775
|
color: #333;
|
|
7732
|
-
/*
|
|
7776
|
+
/* 2 */
|
|
7733
7777
|
text-decoration: none;
|
|
7734
7778
|
}
|
|
7779
|
+
/* 3 */
|
|
7780
|
+
:where(.uk-logo) {
|
|
7781
|
+
display: inline-block;
|
|
7782
|
+
vertical-align: middle;
|
|
7783
|
+
}
|
|
7735
7784
|
/* Hover */
|
|
7736
7785
|
.uk-logo:hover {
|
|
7737
7786
|
color: #333;
|
|
@@ -7739,7 +7788,7 @@ iframe[data-uk-cover] {
|
|
|
7739
7788
|
text-decoration: none;
|
|
7740
7789
|
}
|
|
7741
7790
|
.uk-logo > :where(img, svg, video) {
|
|
7742
|
-
display:
|
|
7791
|
+
display: block;
|
|
7743
7792
|
}
|
|
7744
7793
|
.uk-logo-inverse {
|
|
7745
7794
|
display: none;
|
|
@@ -10639,7 +10688,7 @@ iframe[data-uk-cover] {
|
|
|
10639
10688
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
|
|
10640
10689
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
|
|
10641
10690
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
|
|
10642
|
-
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%
|
|
10691
|
+
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");
|
|
10643
10692
|
}
|
|
10644
10693
|
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10645
10694
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
@@ -10652,7 +10701,7 @@ iframe[data-uk-cover] {
|
|
|
10652
10701
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10653
10702
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10654
10703
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
|
10655
|
-
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%
|
|
10704
|
+
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");
|
|
10656
10705
|
}
|
|
10657
10706
|
.uk-light .uk-nav-default > li > a,
|
|
10658
10707
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
|