uikit 3.24.2 → 3.24.3-dev.3f7c6f3b
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 +22 -0
- package/dist/css/uikit-core-rtl.css +72 -42
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +72 -42
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +100 -82
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +100 -82
- 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 +8 -8
- 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 +1 -1
- 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 -45
- 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 +25 -13
- package/dist/js/uikit.min.js +1 -1
- package/package.json +6 -6
- package/src/images/components/accordion-icon.svg +20 -0
- package/src/js/components/internal/slider-transitioner.js +1 -1
- package/src/js/components/slider.js +6 -7
- package/src/js/core/accordion.js +3 -3
- package/src/js/core/height-viewport.js +12 -1
- package/src/js/core/icon.js +2 -0
- package/src/js/core/index.js +1 -0
- package/src/less/components/accordion.less +109 -46
- package/src/less/components/card.less +1 -1
- package/src/less/components/nav.less +1 -0
- package/src/less/components/overlay.less +2 -2
- package/src/less/theme/accordion.less +31 -38
- package/src/scss/components/accordion.scss +77 -30
- package/src/scss/components/nav.scss +1 -0
- package/src/scss/mixins-theme.scss +39 -23
- package/src/scss/mixins.scss +38 -15
- package/src/scss/variables-theme.scss +13 -15
- package/src/scss/variables.scss +11 -11
- package/tests/accordion.html +76 -17
- package/tests/card.html +86 -0
- package/tests/height-viewport.html +6 -0
- package/tests/index.html +4 -4
- package/tests/overlay.html +177 -9
- package/src/images/backgrounds/accordion-close.svg +0 -4
- package/src/images/backgrounds/accordion-open.svg +0 -3
package/dist/css/uikit-rtl.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.24.
|
|
1
|
+
/*! UIkit 3.24.3-dev.3f7c6f3b | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
|
|
2
2
|
/* ========================================================================
|
|
3
3
|
Component: Base
|
|
4
4
|
========================================================================== */
|
|
@@ -2802,7 +2802,7 @@ select.uk-form-width-xsmall {
|
|
|
2802
2802
|
*/
|
|
2803
2803
|
.uk-card-overlay {
|
|
2804
2804
|
--uk-inverse: dark;
|
|
2805
|
-
background-color: rgba(255, 255, 255, 0.
|
|
2805
|
+
background-color: rgba(255, 255, 255, 0.9);
|
|
2806
2806
|
color: #666;
|
|
2807
2807
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
|
|
2808
2808
|
}
|
|
@@ -2810,7 +2810,7 @@ select.uk-form-width-xsmall {
|
|
|
2810
2810
|
color: #333;
|
|
2811
2811
|
}
|
|
2812
2812
|
.uk-card-overlay.uk-card-hover:hover {
|
|
2813
|
-
background-color:
|
|
2813
|
+
background-color: #ffffff;
|
|
2814
2814
|
box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
|
|
2815
2815
|
}
|
|
2816
2816
|
/* Size modifier
|
|
@@ -3218,14 +3218,14 @@ select.uk-form-width-xsmall {
|
|
|
3218
3218
|
*/
|
|
3219
3219
|
.uk-overlay-default {
|
|
3220
3220
|
--uk-inverse: dark;
|
|
3221
|
-
background: rgba(255, 255, 255, 0.
|
|
3221
|
+
background: rgba(255, 255, 255, 0.9);
|
|
3222
3222
|
}
|
|
3223
3223
|
/*
|
|
3224
3224
|
* Primary
|
|
3225
3225
|
*/
|
|
3226
3226
|
.uk-overlay-primary {
|
|
3227
3227
|
--uk-inverse: light;
|
|
3228
|
-
background: rgba(34, 34, 34, 0.
|
|
3228
|
+
background: rgba(34, 34, 34, 0.9);
|
|
3229
3229
|
}
|
|
3230
3230
|
/* ========================================================================
|
|
3231
3231
|
Component: Article
|
|
@@ -3604,49 +3604,65 @@ select.uk-form-width-xsmall {
|
|
|
3604
3604
|
padding: 0;
|
|
3605
3605
|
list-style: none;
|
|
3606
3606
|
}
|
|
3607
|
-
|
|
3607
|
+
.uk-accordion-title {
|
|
3608
|
+
display: block;
|
|
3609
|
+
}
|
|
3610
|
+
.uk-accordion-content {
|
|
3611
|
+
display: flow-root;
|
|
3612
|
+
}
|
|
3613
|
+
/*
|
|
3614
|
+
* Remove margin from the last-child
|
|
3615
|
+
*/
|
|
3616
|
+
.uk-accordion-content > :last-child {
|
|
3617
|
+
margin-bottom: 0;
|
|
3618
|
+
}
|
|
3619
|
+
/* Default modifier
|
|
3608
3620
|
========================================================================== */
|
|
3609
|
-
|
|
3621
|
+
/*
|
|
3622
|
+
* Item
|
|
3623
|
+
*/
|
|
3624
|
+
.uk-accordion-default > :nth-child(n+2) {
|
|
3610
3625
|
margin-top: 20px;
|
|
3611
3626
|
}
|
|
3612
|
-
/*
|
|
3613
|
-
|
|
3614
|
-
|
|
3615
|
-
|
|
3627
|
+
/* Active */
|
|
3628
|
+
/*
|
|
3629
|
+
* Title
|
|
3630
|
+
*/
|
|
3631
|
+
/*
|
|
3632
|
+
* 1. Center content vertically, e.g. an icon
|
|
3633
|
+
* 2. Imitate white space gap when using flexbox
|
|
3634
|
+
* 3. Reset link
|
|
3635
|
+
*/
|
|
3636
|
+
.uk-accordion-default .uk-accordion-title {
|
|
3637
|
+
/* 1 */
|
|
3638
|
+
display: flex;
|
|
3639
|
+
align-items: center;
|
|
3640
|
+
/* 2 */
|
|
3641
|
+
column-gap: 0.25em;
|
|
3642
|
+
/* 3 */
|
|
3616
3643
|
font-size: 1.25rem;
|
|
3617
3644
|
line-height: 1.4;
|
|
3618
3645
|
color: #333;
|
|
3619
|
-
overflow: hidden;
|
|
3620
|
-
}
|
|
3621
|
-
.uk-accordion-title::before {
|
|
3622
|
-
content: "";
|
|
3623
|
-
width: 1.4em;
|
|
3624
|
-
height: 1.4em;
|
|
3625
|
-
margin-right: 10px;
|
|
3626
|
-
float: left;
|
|
3627
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
3628
|
-
background-repeat: no-repeat;
|
|
3629
|
-
background-position: 50% 50%;
|
|
3630
|
-
}
|
|
3631
|
-
.uk-open > .uk-accordion-title::before {
|
|
3632
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
3633
3646
|
}
|
|
3634
3647
|
/* Hover */
|
|
3635
|
-
.uk-accordion-title:hover {
|
|
3648
|
+
.uk-accordion-default .uk-accordion-title:hover {
|
|
3636
3649
|
color: #666;
|
|
3637
3650
|
text-decoration: none;
|
|
3638
3651
|
}
|
|
3639
|
-
/*
|
|
3640
|
-
|
|
3641
|
-
|
|
3642
|
-
|
|
3643
|
-
|
|
3652
|
+
/* Active */
|
|
3653
|
+
/*
|
|
3654
|
+
* Icon
|
|
3655
|
+
*/
|
|
3656
|
+
.uk-accordion-default .uk-accordion-icon {
|
|
3657
|
+
flex: none;
|
|
3658
|
+
margin-right: auto;
|
|
3659
|
+
color: #666;
|
|
3644
3660
|
}
|
|
3645
3661
|
/*
|
|
3646
|
-
*
|
|
3662
|
+
* Content
|
|
3647
3663
|
*/
|
|
3648
|
-
.uk-accordion-
|
|
3649
|
-
margin-
|
|
3664
|
+
.uk-accordion-default .uk-accordion-content {
|
|
3665
|
+
margin-top: 20px;
|
|
3650
3666
|
}
|
|
3651
3667
|
/* ========================================================================
|
|
3652
3668
|
Component: Drop
|
|
@@ -5223,6 +5239,7 @@ ul.uk-nav-sub {
|
|
|
5223
5239
|
/* Parent icon
|
|
5224
5240
|
========================================================================== */
|
|
5225
5241
|
.uk-nav-parent-icon {
|
|
5242
|
+
flex: none;
|
|
5226
5243
|
margin-right: auto;
|
|
5227
5244
|
transition: transform 0.3s ease-out;
|
|
5228
5245
|
}
|
|
@@ -12083,30 +12100,43 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
|
|
|
12083
12100
|
.uk-offcanvas-bar .uk-search-toggle:hover {
|
|
12084
12101
|
color: rgba(255, 255, 255, 0.7);
|
|
12085
12102
|
}
|
|
12086
|
-
.uk-light .uk-accordion-title,
|
|
12087
|
-
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,
|
|
12088
|
-
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,
|
|
12089
|
-
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,
|
|
12090
|
-
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title,
|
|
12091
|
-
.uk-card-primary.uk-card-body .uk-accordion-title,
|
|
12092
|
-
.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title,
|
|
12093
|
-
.uk-card-secondary.uk-card-body .uk-accordion-title,
|
|
12094
|
-
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title,
|
|
12095
|
-
.uk-overlay-primary .uk-accordion-title,
|
|
12096
|
-
.uk-offcanvas-bar .uk-accordion-title {
|
|
12103
|
+
.uk-light .uk-accordion-default .uk-accordion-title,
|
|
12104
|
+
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
|
|
12105
|
+
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
|
|
12106
|
+
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
|
|
12107
|
+
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title,
|
|
12108
|
+
.uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title,
|
|
12109
|
+
.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
|
|
12110
|
+
.uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title,
|
|
12111
|
+
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title,
|
|
12112
|
+
.uk-overlay-primary .uk-accordion-default .uk-accordion-title,
|
|
12113
|
+
.uk-offcanvas-bar .uk-accordion-default .uk-accordion-title {
|
|
12097
12114
|
color: #fff;
|
|
12098
12115
|
}
|
|
12099
|
-
.uk-light .uk-accordion-title:hover,
|
|
12100
|
-
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
|
12101
|
-
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
|
12102
|
-
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
|
12103
|
-
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,
|
|
12104
|
-
.uk-card-primary.uk-card-body .uk-accordion-title:hover,
|
|
12105
|
-
.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
|
|
12106
|
-
.uk-card-secondary.uk-card-body .uk-accordion-title:hover,
|
|
12107
|
-
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title:hover,
|
|
12108
|
-
.uk-overlay-primary .uk-accordion-title:hover,
|
|
12109
|
-
.uk-offcanvas-bar .uk-accordion-title:hover {
|
|
12116
|
+
.uk-light .uk-accordion-default .uk-accordion-title:hover,
|
|
12117
|
+
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
|
|
12118
|
+
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
|
|
12119
|
+
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
|
|
12120
|
+
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-title:hover,
|
|
12121
|
+
.uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
|
|
12122
|
+
.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
|
|
12123
|
+
.uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-title:hover,
|
|
12124
|
+
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-title:hover,
|
|
12125
|
+
.uk-overlay-primary .uk-accordion-default .uk-accordion-title:hover,
|
|
12126
|
+
.uk-offcanvas-bar .uk-accordion-default .uk-accordion-title:hover {
|
|
12127
|
+
color: rgba(255, 255, 255, 0.7);
|
|
12128
|
+
}
|
|
12129
|
+
.uk-light .uk-accordion-default .uk-accordion-icon,
|
|
12130
|
+
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
|
|
12131
|
+
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
|
|
12132
|
+
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
|
|
12133
|
+
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-default .uk-accordion-icon,
|
|
12134
|
+
.uk-card-primary.uk-card-body .uk-accordion-default .uk-accordion-icon,
|
|
12135
|
+
.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-icon,
|
|
12136
|
+
.uk-card-secondary.uk-card-body .uk-accordion-default .uk-accordion-icon,
|
|
12137
|
+
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-default .uk-accordion-icon,
|
|
12138
|
+
.uk-overlay-primary .uk-accordion-default .uk-accordion-icon,
|
|
12139
|
+
.uk-offcanvas-bar .uk-accordion-default .uk-accordion-icon {
|
|
12110
12140
|
color: rgba(255, 255, 255, 0.7);
|
|
12111
12141
|
}
|
|
12112
12142
|
.uk-light .uk-thumbnav > * > *::after,
|
|
@@ -13219,32 +13249,6 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
|
|
|
13219
13249
|
.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(even):last-child {
|
|
13220
13250
|
border-bottom-color: rgba(255, 255, 255, 0.2);
|
|
13221
13251
|
}
|
|
13222
|
-
.uk-light .uk-accordion-title::before,
|
|
13223
|
-
.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,
|
|
13224
|
-
.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
|
|
13225
|
-
.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,
|
|
13226
|
-
.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before,
|
|
13227
|
-
.uk-card-primary.uk-card-body .uk-accordion-title::before,
|
|
13228
|
-
.uk-card-primary > :not([class*="uk-card-media"]) .uk-accordion-title::before,
|
|
13229
|
-
.uk-card-secondary.uk-card-body .uk-accordion-title::before,
|
|
13230
|
-
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-accordion-title::before,
|
|
13231
|
-
.uk-overlay-primary .uk-accordion-title::before,
|
|
13232
|
-
.uk-offcanvas-bar .uk-accordion-title::before {
|
|
13233
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
13234
|
-
}
|
|
13235
|
-
.uk-light .uk-open > .uk-accordion-title::before,
|
|
13236
|
-
.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
|
13237
|
-
.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
|
13238
|
-
.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
|
13239
|
-
.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before,
|
|
13240
|
-
.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before,
|
|
13241
|
-
.uk-card-primary > :not([class*="uk-card-media"]) .uk-open > .uk-accordion-title::before,
|
|
13242
|
-
.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before,
|
|
13243
|
-
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-open > .uk-accordion-title::before,
|
|
13244
|
-
.uk-overlay-primary .uk-open > .uk-accordion-title::before,
|
|
13245
|
-
.uk-offcanvas-bar .uk-open > .uk-accordion-title::before {
|
|
13246
|
-
background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E");
|
|
13247
|
-
}
|
|
13248
13252
|
/*
|
|
13249
13253
|
* Pass dropbar behind color to JS
|
|
13250
13254
|
*/
|
|
@@ -13331,3 +13335,17 @@ a.uk-offcanvas-bar:hover .uk-icon-overlay {
|
|
|
13331
13335
|
page-break-after: avoid;
|
|
13332
13336
|
}
|
|
13333
13337
|
}
|
|
13338
|
+
/* Default modifier
|
|
13339
|
+
========================================================================== */
|
|
13340
|
+
/*
|
|
13341
|
+
* Item
|
|
13342
|
+
*/
|
|
13343
|
+
/*
|
|
13344
|
+
* Title
|
|
13345
|
+
*/
|
|
13346
|
+
/*
|
|
13347
|
+
* Icon
|
|
13348
|
+
*/
|
|
13349
|
+
/*
|
|
13350
|
+
* Content
|
|
13351
|
+
*/
|