uikit 3.20.11 → 3.21.1-dev.3aa4cb62f
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 +23 -0
- package/dist/css/uikit-core-rtl.css +66 -10
- package/dist/css/uikit-core-rtl.min.css +1 -1
- package/dist/css/uikit-core.css +66 -10
- package/dist/css/uikit-core.min.css +1 -1
- package/dist/css/uikit-rtl.css +68 -9
- package/dist/css/uikit-rtl.min.css +1 -1
- package/dist/css/uikit.css +68 -9
- 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 +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 +10 -7
- 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 +10 -7
- package/dist/js/uikit.min.js +1 -1
- package/package.json +1 -1
- package/src/js/api/observer.js +4 -1
- package/src/js/core/icon.js +4 -4
- package/src/less/components/search.less +74 -14
- package/src/less/theme/search.less +23 -3
- package/src/scss/components/search.scss +48 -7
- package/src/scss/mixins-theme.scss +17 -3
- package/src/scss/mixins.scss +14 -0
- package/src/scss/theme/search.scss +18 -3
- package/src/scss/variables-theme.scss +18 -6
- package/src/scss/variables.scss +16 -7
- package/tests/index.html +7 -0
- package/tests/search.html +50 -37
- /package/src/images/components/{search-navbar.svg → search-medium.svg} +0 -0
package/dist/css/uikit-core.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! UIkit 3.
|
|
1
|
+
/*! UIkit 3.21.1-dev.3aa4cb62f | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
|
|
2
2
|
/* ========================================================================
|
|
3
3
|
Component: Base
|
|
4
4
|
========================================================================== */
|
|
@@ -3138,7 +3138,7 @@ select.uk-form-width-xsmall {
|
|
|
3138
3138
|
}
|
|
3139
3139
|
/* Focus */
|
|
3140
3140
|
.uk-search-default .uk-search-input:focus {
|
|
3141
|
-
background-color: #
|
|
3141
|
+
background-color: #f3f3f3;
|
|
3142
3142
|
}
|
|
3143
3143
|
/*
|
|
3144
3144
|
* Icon
|
|
@@ -3146,21 +3146,51 @@ select.uk-form-width-xsmall {
|
|
|
3146
3146
|
.uk-search-default .uk-search-icon {
|
|
3147
3147
|
width: 40px;
|
|
3148
3148
|
}
|
|
3149
|
-
.uk-search-default
|
|
3149
|
+
.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3150
3150
|
padding-left: 40px;
|
|
3151
3151
|
}
|
|
3152
|
-
.uk-search-default
|
|
3152
|
+
.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
|
|
3153
3153
|
padding-right: 40px;
|
|
3154
3154
|
}
|
|
3155
3155
|
/* Navbar modifier
|
|
3156
3156
|
========================================================================== */
|
|
3157
3157
|
.uk-search-navbar {
|
|
3158
|
-
width:
|
|
3158
|
+
width: 240px;
|
|
3159
3159
|
}
|
|
3160
3160
|
/*
|
|
3161
3161
|
* Input
|
|
3162
3162
|
*/
|
|
3163
3163
|
.uk-search-navbar .uk-search-input {
|
|
3164
|
+
height: 40px;
|
|
3165
|
+
padding-left: 10px;
|
|
3166
|
+
padding-right: 10px;
|
|
3167
|
+
background: #fff;
|
|
3168
|
+
}
|
|
3169
|
+
/* Focus */
|
|
3170
|
+
.uk-search-navbar .uk-search-input:focus {
|
|
3171
|
+
background-color: #fcfcfc;
|
|
3172
|
+
}
|
|
3173
|
+
/*
|
|
3174
|
+
* Icon
|
|
3175
|
+
*/
|
|
3176
|
+
.uk-search-navbar .uk-search-icon {
|
|
3177
|
+
width: 40px;
|
|
3178
|
+
}
|
|
3179
|
+
.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3180
|
+
padding-left: 40px;
|
|
3181
|
+
}
|
|
3182
|
+
.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
|
|
3183
|
+
padding-right: 40px;
|
|
3184
|
+
}
|
|
3185
|
+
/* Medium modifier
|
|
3186
|
+
========================================================================== */
|
|
3187
|
+
.uk-search-medium {
|
|
3188
|
+
width: 400px;
|
|
3189
|
+
}
|
|
3190
|
+
/*
|
|
3191
|
+
* Input
|
|
3192
|
+
*/
|
|
3193
|
+
.uk-search-medium .uk-search-input {
|
|
3164
3194
|
height: 40px;
|
|
3165
3195
|
background: transparent;
|
|
3166
3196
|
font-size: 1.5rem;
|
|
@@ -3169,13 +3199,13 @@ select.uk-form-width-xsmall {
|
|
|
3169
3199
|
/*
|
|
3170
3200
|
* Icon
|
|
3171
3201
|
*/
|
|
3172
|
-
.uk-search-
|
|
3202
|
+
.uk-search-medium .uk-search-icon {
|
|
3173
3203
|
width: 40px;
|
|
3174
3204
|
}
|
|
3175
|
-
.uk-search-
|
|
3205
|
+
.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3176
3206
|
padding-left: 40px;
|
|
3177
3207
|
}
|
|
3178
|
-
.uk-search-
|
|
3208
|
+
.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
|
|
3179
3209
|
padding-right: 40px;
|
|
3180
3210
|
}
|
|
3181
3211
|
/* Large modifier
|
|
@@ -3198,10 +3228,10 @@ select.uk-form-width-xsmall {
|
|
|
3198
3228
|
.uk-search-large .uk-search-icon {
|
|
3199
3229
|
width: 80px;
|
|
3200
3230
|
}
|
|
3201
|
-
.uk-search-large
|
|
3231
|
+
.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3202
3232
|
padding-left: 80px;
|
|
3203
3233
|
}
|
|
3204
|
-
.uk-search-large
|
|
3234
|
+
.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
|
|
3205
3235
|
padding-right: 80px;
|
|
3206
3236
|
}
|
|
3207
3237
|
/* Toggle
|
|
@@ -11130,6 +11160,32 @@ iframe[data-uk-cover] {
|
|
|
11130
11160
|
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input,
|
|
11131
11161
|
.uk-overlay-primary .uk-search-navbar .uk-search-input,
|
|
11132
11162
|
.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
|
|
11163
|
+
background-color: rgba(255, 255, 255, 0.1);
|
|
11164
|
+
}
|
|
11165
|
+
.uk-light .uk-search-navbar .uk-search-input:focus,
|
|
11166
|
+
.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11167
|
+
.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11168
|
+
.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11169
|
+
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11170
|
+
.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
|
|
11171
|
+
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
|
|
11172
|
+
.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
|
|
11173
|
+
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
|
|
11174
|
+
.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
|
|
11175
|
+
.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
|
|
11176
|
+
background-color: rgba(255, 255, 255, 0.15);
|
|
11177
|
+
}
|
|
11178
|
+
.uk-light .uk-search-medium .uk-search-input,
|
|
11179
|
+
.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11180
|
+
.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11181
|
+
.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11182
|
+
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11183
|
+
.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
|
|
11184
|
+
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
|
|
11185
|
+
.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
|
|
11186
|
+
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
|
|
11187
|
+
.uk-overlay-primary .uk-search-medium .uk-search-input,
|
|
11188
|
+
.uk-offcanvas-bar .uk-search-medium .uk-search-input {
|
|
11133
11189
|
background-color: transparent;
|
|
11134
11190
|
}
|
|
11135
11191
|
.uk-light .uk-search-large .uk-search-input,
|