uikit 3.14.4-dev.cd89debeb → 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 +12 -0
- package/dist/css/uikit-core-rtl.css +68 -20
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +68 -20
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +65 -21
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +65 -21
- 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 +22 -7
- package/dist/js/components/lightbox-panel.min.js +1 -1
- package/dist/js/components/lightbox.js +22 -7
- 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 +87 -53
- 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 +134 -85
- 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/sortable.js +2 -3
- package/src/js/core/height-viewport.js +9 -5
- package/src/js/core/navbar.js +44 -15
- package/src/js/core/sticky.js +8 -9
- 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 -14
- 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 -14
- 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.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
|
========================================================================== */
|
|
@@ -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,25 +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
|
-
|
|
5087
|
-
--uk-position-viewport-offset: 0;
|
|
5130
|
+
background: transparent;
|
|
5088
5131
|
/* 3 */
|
|
5089
|
-
|
|
5090
|
-
/* 4 */
|
|
5091
|
-
padding-left: 15px;
|
|
5092
|
-
padding-right: 15px;
|
|
5132
|
+
padding: 15px 15px 15px 15px;
|
|
5093
5133
|
--uk-position-shift-offset: 0;
|
|
5094
5134
|
}
|
|
5095
5135
|
/* Dropdown Nav
|
|
@@ -7724,15 +7764,23 @@ iframe[data-uk-cover] {
|
|
|
7724
7764
|
/* Logo
|
|
7725
7765
|
========================================================================== */
|
|
7726
7766
|
/*
|
|
7727
|
-
* 1.
|
|
7767
|
+
* 1. Style
|
|
7768
|
+
* 2. Required for `a`
|
|
7769
|
+
* 3. Behave like image but can be overridden through flex utility classes
|
|
7728
7770
|
*/
|
|
7729
7771
|
.uk-logo {
|
|
7772
|
+
/* 1 */
|
|
7730
7773
|
font-size: 1.5rem;
|
|
7731
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";
|
|
7732
7775
|
color: #333;
|
|
7733
|
-
/*
|
|
7776
|
+
/* 2 */
|
|
7734
7777
|
text-decoration: none;
|
|
7735
7778
|
}
|
|
7779
|
+
/* 3 */
|
|
7780
|
+
:where(.uk-logo) {
|
|
7781
|
+
display: inline-block;
|
|
7782
|
+
vertical-align: middle;
|
|
7783
|
+
}
|
|
7736
7784
|
/* Hover */
|
|
7737
7785
|
.uk-logo:hover {
|
|
7738
7786
|
color: #333;
|
|
@@ -7740,7 +7788,7 @@ iframe[data-uk-cover] {
|
|
|
7740
7788
|
text-decoration: none;
|
|
7741
7789
|
}
|
|
7742
7790
|
.uk-logo > :where(img, svg, video) {
|
|
7743
|
-
display:
|
|
7791
|
+
display: block;
|
|
7744
7792
|
}
|
|
7745
7793
|
.uk-logo-inverse {
|
|
7746
7794
|
display: none;
|
|
@@ -10640,7 +10688,7 @@ iframe[data-uk-cover] {
|
|
|
10640
10688
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after,
|
|
10641
10689
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after,
|
|
10642
10690
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after {
|
|
10643
|
-
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");
|
|
10644
10692
|
}
|
|
10645
10693
|
.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10646
10694
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
@@ -10653,7 +10701,7 @@ iframe[data-uk-cover] {
|
|
|
10653
10701
|
.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10654
10702
|
.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after,
|
|
10655
10703
|
.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
|
|
10656
|
-
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");
|
|
10657
10705
|
}
|
|
10658
10706
|
.uk-light .uk-nav-default > li > a,
|
|
10659
10707
|
.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a,
|