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-rtl.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
|
========================================================================== */
|
|
@@ -3394,21 +3394,53 @@ select.uk-form-width-xsmall {
|
|
|
3394
3394
|
.uk-search-default .uk-search-icon {
|
|
3395
3395
|
width: 40px;
|
|
3396
3396
|
}
|
|
3397
|
-
.uk-search-default
|
|
3397
|
+
.uk-search-default:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3398
3398
|
padding-right: 40px;
|
|
3399
3399
|
}
|
|
3400
|
-
.uk-search-default
|
|
3400
|
+
.uk-search-default:has(.uk-search-icon-flip) .uk-search-input {
|
|
3401
3401
|
padding-left: 40px;
|
|
3402
3402
|
}
|
|
3403
3403
|
/* Navbar modifier
|
|
3404
3404
|
========================================================================== */
|
|
3405
3405
|
.uk-search-navbar {
|
|
3406
|
-
width:
|
|
3406
|
+
width: 240px;
|
|
3407
3407
|
}
|
|
3408
3408
|
/*
|
|
3409
3409
|
* Input
|
|
3410
3410
|
*/
|
|
3411
3411
|
.uk-search-navbar .uk-search-input {
|
|
3412
|
+
height: 40px;
|
|
3413
|
+
padding-right: 10px;
|
|
3414
|
+
padding-left: 10px;
|
|
3415
|
+
background: #fff;
|
|
3416
|
+
border: 1px solid #e5e5e5;
|
|
3417
|
+
}
|
|
3418
|
+
/* Focus */
|
|
3419
|
+
.uk-search-navbar .uk-search-input:focus {
|
|
3420
|
+
background-color: #fff;
|
|
3421
|
+
border-color: #1e87f0;
|
|
3422
|
+
}
|
|
3423
|
+
/*
|
|
3424
|
+
* Icon
|
|
3425
|
+
*/
|
|
3426
|
+
.uk-search-navbar .uk-search-icon {
|
|
3427
|
+
width: 40px;
|
|
3428
|
+
}
|
|
3429
|
+
.uk-search-navbar:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3430
|
+
padding-right: 40px;
|
|
3431
|
+
}
|
|
3432
|
+
.uk-search-navbar:has(.uk-search-icon-flip) .uk-search-input {
|
|
3433
|
+
padding-left: 40px;
|
|
3434
|
+
}
|
|
3435
|
+
/* Medium modifier
|
|
3436
|
+
========================================================================== */
|
|
3437
|
+
.uk-search-medium {
|
|
3438
|
+
width: 400px;
|
|
3439
|
+
}
|
|
3440
|
+
/*
|
|
3441
|
+
* Input
|
|
3442
|
+
*/
|
|
3443
|
+
.uk-search-medium .uk-search-input {
|
|
3412
3444
|
height: 40px;
|
|
3413
3445
|
background: transparent;
|
|
3414
3446
|
font-size: 1.5rem;
|
|
@@ -3417,13 +3449,13 @@ select.uk-form-width-xsmall {
|
|
|
3417
3449
|
/*
|
|
3418
3450
|
* Icon
|
|
3419
3451
|
*/
|
|
3420
|
-
.uk-search-
|
|
3452
|
+
.uk-search-medium .uk-search-icon {
|
|
3421
3453
|
width: 40px;
|
|
3422
3454
|
}
|
|
3423
|
-
.uk-search-
|
|
3455
|
+
.uk-search-medium:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3424
3456
|
padding-right: 40px;
|
|
3425
3457
|
}
|
|
3426
|
-
.uk-search-
|
|
3458
|
+
.uk-search-medium:has(.uk-search-icon-flip) .uk-search-input {
|
|
3427
3459
|
padding-left: 40px;
|
|
3428
3460
|
}
|
|
3429
3461
|
/* Large modifier
|
|
@@ -3446,10 +3478,10 @@ select.uk-form-width-xsmall {
|
|
|
3446
3478
|
.uk-search-large .uk-search-icon {
|
|
3447
3479
|
width: 80px;
|
|
3448
3480
|
}
|
|
3449
|
-
.uk-search-large
|
|
3481
|
+
.uk-search-large:has(.uk-search-icon:not(.uk-search-icon-flip)) .uk-search-input {
|
|
3450
3482
|
padding-right: 80px;
|
|
3451
3483
|
}
|
|
3452
|
-
.uk-search-large
|
|
3484
|
+
.uk-search-large:has(.uk-search-icon-flip) .uk-search-input {
|
|
3453
3485
|
padding-left: 80px;
|
|
3454
3486
|
}
|
|
3455
3487
|
/* Toggle
|
|
@@ -11626,6 +11658,33 @@ iframe[data-uk-cover] {
|
|
|
11626
11658
|
.uk-overlay-primary .uk-search-navbar .uk-search-input,
|
|
11627
11659
|
.uk-offcanvas-bar .uk-search-navbar .uk-search-input {
|
|
11628
11660
|
background-color: transparent;
|
|
11661
|
+
border-color: rgba(255, 255, 255, 0.2);
|
|
11662
|
+
}
|
|
11663
|
+
.uk-light .uk-search-navbar .uk-search-input:focus,
|
|
11664
|
+
.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11665
|
+
.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11666
|
+
.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11667
|
+
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input:focus,
|
|
11668
|
+
.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input:focus,
|
|
11669
|
+
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
|
|
11670
|
+
.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input:focus,
|
|
11671
|
+
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-navbar .uk-search-input:focus,
|
|
11672
|
+
.uk-overlay-primary .uk-search-navbar .uk-search-input:focus,
|
|
11673
|
+
.uk-offcanvas-bar .uk-search-navbar .uk-search-input:focus {
|
|
11674
|
+
background-color: rgba(0, 0, 0, 0.05);
|
|
11675
|
+
}
|
|
11676
|
+
.uk-light .uk-search-medium .uk-search-input,
|
|
11677
|
+
.uk-section-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11678
|
+
.uk-section-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11679
|
+
.uk-tile-primary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11680
|
+
.uk-tile-secondary:not(.uk-preserve-color) .uk-search-medium .uk-search-input,
|
|
11681
|
+
.uk-card-primary.uk-card-body .uk-search-medium .uk-search-input,
|
|
11682
|
+
.uk-card-primary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
|
|
11683
|
+
.uk-card-secondary.uk-card-body .uk-search-medium .uk-search-input,
|
|
11684
|
+
.uk-card-secondary > :not([class*="uk-card-media"]) .uk-search-medium .uk-search-input,
|
|
11685
|
+
.uk-overlay-primary .uk-search-medium .uk-search-input,
|
|
11686
|
+
.uk-offcanvas-bar .uk-search-medium .uk-search-input {
|
|
11687
|
+
background-color: transparent;
|
|
11629
11688
|
}
|
|
11630
11689
|
.uk-light .uk-search-large .uk-search-input,
|
|
11631
11690
|
.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,
|