uikit 3.14.4-dev.e3664d0d2 → 3.14.4-dev.f2e3be255
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 +6 -0
- package/dist/css/uikit-core-rtl.css +41 -14
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +41 -14
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +41 -15
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +41 -15
- 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 +1 -1
- package/dist/js/components/filter.min.js +1 -1
- package/dist/js/components/lightbox-panel.js +1 -1
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/js/components/slideshow.min.js +1 -1
- package/dist/js/components/sortable.js +1 -1
- package/dist/js/components/sortable.min.js +1 -1
- package/dist/js/components/tooltip.js +11 -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 +57 -20
- 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 +57 -20
- 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/core/navbar.js +44 -15
- package/src/js/mixin/position.js +16 -7
- package/src/less/components/dropdown.less +8 -0
- package/src/less/components/navbar.less +52 -13
- package/src/less/theme/navbar.less +4 -6
- package/src/scss/components/dropdown.scss +8 -0
- package/src/scss/components/nav.scss +2 -2
- package/src/scss/components/navbar.scss +52 -13
- package/src/scss/mixins-theme.scss +1 -4
- package/src/scss/theme/navbar.scss +3 -2
- package/src/scss/variables-theme.scss +16 -6
- package/src/scss/variables.scss +16 -5
- package/tests/drop.html +66 -16
- package/tests/dropdown.html +103 -16
- package/tests/navbar.html +281 -49
package/dist/css/uikit-core.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.14.4-dev.
|
|
1
|
+
/*! UIkit 3.14.4-dev.f2e3be255 | 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
|
========================================================================== */
|
|
@@ -4936,7 +4941,6 @@ ul.uk-nav-sub {
|
|
|
4936
4941
|
/* 3 */
|
|
4937
4942
|
box-sizing: border-box;
|
|
4938
4943
|
min-height: 80px;
|
|
4939
|
-
padding: 0 15px;
|
|
4940
4944
|
/* 4 */
|
|
4941
4945
|
font-size: 16px;
|
|
4942
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";
|
|
@@ -4947,6 +4951,7 @@ ul.uk-nav-sub {
|
|
|
4947
4951
|
* Nav items
|
|
4948
4952
|
*/
|
|
4949
4953
|
.uk-navbar-nav > li > a {
|
|
4954
|
+
padding: 0 15px;
|
|
4950
4955
|
color: #999;
|
|
4951
4956
|
}
|
|
4952
4957
|
/*
|
|
@@ -4965,6 +4970,21 @@ ul.uk-nav-sub {
|
|
|
4965
4970
|
.uk-navbar-nav > li.uk-active > a {
|
|
4966
4971
|
color: #333;
|
|
4967
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
|
+
}
|
|
4968
4988
|
/* Item
|
|
4969
4989
|
========================================================================== */
|
|
4970
4990
|
.uk-navbar-item {
|
|
@@ -4980,6 +5000,7 @@ ul.uk-nav-sub {
|
|
|
4980
5000
|
/* Toggle
|
|
4981
5001
|
========================================================================== */
|
|
4982
5002
|
.uk-navbar-toggle {
|
|
5003
|
+
padding: 0 15px;
|
|
4983
5004
|
color: #999;
|
|
4984
5005
|
}
|
|
4985
5006
|
.uk-navbar-toggle:hover,
|
|
@@ -5074,9 +5095,16 @@ ul.uk-nav-sub {
|
|
|
5074
5095
|
.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
|
|
5075
5096
|
width: 1000px;
|
|
5076
5097
|
}
|
|
5098
|
+
/*
|
|
5099
|
+
* Size modifier
|
|
5100
|
+
*/
|
|
5101
|
+
.uk-navbar-dropdown-large {
|
|
5102
|
+
padding: 40px;
|
|
5103
|
+
}
|
|
5077
5104
|
/*
|
|
5078
5105
|
* Stretch modifier
|
|
5079
5106
|
* 1. Allow scrolling
|
|
5107
|
+
* 2. Style
|
|
5080
5108
|
*/
|
|
5081
5109
|
.uk-navbar-dropdown-stretch {
|
|
5082
5110
|
--uk-position-offset: 0;
|
|
@@ -5085,24 +5113,23 @@ ul.uk-nav-sub {
|
|
|
5085
5113
|
/* 1 */
|
|
5086
5114
|
overflow-y: auto;
|
|
5087
5115
|
-webkit-overflow-scrolling: touch;
|
|
5116
|
+
/* 2 */
|
|
5117
|
+
padding: 15px 15px 15px 15px;
|
|
5118
|
+
background: #fff;
|
|
5088
5119
|
}
|
|
5089
5120
|
/*
|
|
5090
5121
|
* Dropbar modifier
|
|
5091
5122
|
* 1. Reset dropdown width to prevent to early shifting
|
|
5092
|
-
* 2.
|
|
5093
|
-
* 3.
|
|
5094
|
-
* 4. Horizontal padding
|
|
5123
|
+
* 2. Reset style
|
|
5124
|
+
* 3. Padding
|
|
5095
5125
|
*/
|
|
5096
5126
|
.uk-navbar-dropdown-dropbar {
|
|
5097
5127
|
/* 1 */
|
|
5098
5128
|
width: auto;
|
|
5099
5129
|
/* 2 */
|
|
5100
|
-
|
|
5130
|
+
background: transparent;
|
|
5101
5131
|
/* 3 */
|
|
5102
|
-
|
|
5103
|
-
/* 4 */
|
|
5104
|
-
padding-left: 15px;
|
|
5105
|
-
padding-right: 15px;
|
|
5132
|
+
padding: 15px 15px 15px 15px;
|
|
5106
5133
|
--uk-position-shift-offset: 0;
|
|
5107
5134
|
}
|
|
5108
5135
|
/* Dropdown Nav
|
|
@@ -10661,7 +10688,7 @@ iframe[data-uk-cover] {
|
|
|
10661
10688
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
|
|
10662
10689
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
|
|
10663
10690
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
|
|
10664
|
-
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");
|
|
10665
10692
|
}
|
|
10666
10693
|
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10667
10694
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
@@ -10674,7 +10701,7 @@ iframe[data-uk-cover] {
|
|
|
10674
10701
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10675
10702
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10676
10703
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
|
10677
|
-
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");
|
|
10678
10705
|
}
|
|
10679
10706
|
.uk-light .uk-nav-default > li > a,
|
|
10680
10707
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
|