uikit 3.22.1 → 3.22.2

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.
Files changed (46) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/css/uikit-core-rtl.css +66 -92
  3. package/dist/css/uikit-core-rtl.min.css +1 -1
  4. package/dist/css/uikit-core.css +66 -92
  5. package/dist/css/uikit-core.min.css +1 -1
  6. package/dist/css/uikit-rtl.css +66 -92
  7. package/dist/css/uikit-rtl.min.css +1 -1
  8. package/dist/css/uikit.css +66 -92
  9. package/dist/css/uikit.min.css +1 -1
  10. package/dist/js/components/countdown.js +1 -1
  11. package/dist/js/components/countdown.min.js +1 -1
  12. package/dist/js/components/filter.js +1 -1
  13. package/dist/js/components/filter.min.js +1 -1
  14. package/dist/js/components/lightbox-panel.js +1 -1
  15. package/dist/js/components/lightbox-panel.min.js +1 -1
  16. package/dist/js/components/lightbox.js +1 -1
  17. package/dist/js/components/lightbox.min.js +1 -1
  18. package/dist/js/components/notification.js +1 -1
  19. package/dist/js/components/notification.min.js +1 -1
  20. package/dist/js/components/parallax.js +1 -1
  21. package/dist/js/components/parallax.min.js +1 -1
  22. package/dist/js/components/slider-parallax.js +1 -1
  23. package/dist/js/components/slider-parallax.min.js +1 -1
  24. package/dist/js/components/slider.js +1 -1
  25. package/dist/js/components/slider.min.js +1 -1
  26. package/dist/js/components/slideshow-parallax.js +1 -1
  27. package/dist/js/components/slideshow-parallax.min.js +1 -1
  28. package/dist/js/components/slideshow.js +1 -1
  29. package/dist/js/components/slideshow.min.js +1 -1
  30. package/dist/js/components/sortable.js +1 -1
  31. package/dist/js/components/sortable.min.js +1 -1
  32. package/dist/js/components/tooltip.js +1 -1
  33. package/dist/js/components/tooltip.min.js +1 -1
  34. package/dist/js/components/upload.js +1 -1
  35. package/dist/js/components/upload.min.js +1 -1
  36. package/dist/js/uikit-core.js +2 -2
  37. package/dist/js/uikit-core.min.js +1 -1
  38. package/dist/js/uikit-icons.js +1 -1
  39. package/dist/js/uikit-icons.min.js +1 -1
  40. package/dist/js/uikit.js +2 -2
  41. package/dist/js/uikit.min.js +1 -1
  42. package/package.json +1 -1
  43. package/src/less/components/list.less +26 -49
  44. package/src/scss/components/list.scss +22 -45
  45. package/src/scss/mixins-theme.scss +4 -4
  46. package/src/scss/mixins.scss +4 -4
package/dist/css/uikit-rtl.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! UIkit 3.22.1 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
1
+ /*! UIkit 3.22.2 | https://www.getuikit.com | (c) 2014 - 2025 YOOtheme | MIT License */
2
2
  /* ========================================================================
3
3
  Component: Base
4
4
  ========================================================================== */
@@ -737,83 +737,57 @@ a.uk-link-reset,
737
737
  margin-top: 10px;
738
738
  }
739
739
  /* Marker modifiers
740
- * Moving `::marker` inside `::before` to style it differently
741
- * To style the `::marker` is currently only supported in Firefox and Safari
742
- ========================================================================== */
743
- .uk-list-disc > *,
744
- .uk-list-circle > *,
745
- .uk-list-square > *,
746
- .uk-list-decimal > *,
747
- .uk-list-hyphen > * {
740
+ ========================================================================== */
741
+ .uk-list-disc,
742
+ .uk-list-circle,
743
+ .uk-list-square,
744
+ .uk-list-decimal,
745
+ .uk-list-hyphen {
748
746
  padding-right: 30px;
749
747
  }
750
- /*
751
- * Type modifiers
752
- */
753
- .uk-list-decimal {
754
- counter-reset: decimal;
755
- }
756
- .uk-list-decimal > * {
757
- counter-increment: decimal;
758
- }
759
- .uk-list-disc > ::before,
760
- .uk-list-circle > ::before,
761
- .uk-list-square > ::before,
762
- .uk-list-decimal > ::before,
763
- .uk-list-hyphen > ::before {
764
- content: "";
765
- position: relative;
766
- right: -30px;
767
- width: 30px;
768
- height: 1.5em;
769
- margin-bottom: -1.5em;
770
- display: list-item;
771
- list-style-position: inside;
772
- text-align: left;
773
- }
774
- .uk-list-disc > ::before {
748
+ .uk-list-disc {
775
749
  list-style-type: disc;
776
750
  }
777
- .uk-list-circle > ::before {
751
+ .uk-list-circle {
778
752
  list-style-type: circle;
779
753
  }
780
- .uk-list-square > ::before {
754
+ .uk-list-square {
781
755
  list-style-type: square;
782
756
  }
783
- .uk-list-decimal > ::before {
784
- content: counter(decimal, decimal) '\200A.\00A0';
757
+ .uk-list-decimal {
758
+ list-style-type: decimal;
785
759
  }
786
- .uk-list-hyphen > ::before {
787
- content: '–\00A0\00A0';
760
+ .uk-list-hyphen {
761
+ list-style-type: '– ';
788
762
  }
789
763
  /*
790
764
  * Color modifiers
791
765
  */
792
- .uk-list-muted > ::before {
766
+ .uk-list-muted > ::marker {
793
767
  color: #999 !important;
794
768
  }
795
- .uk-list-emphasis > ::before {
769
+ .uk-list-emphasis > ::marker {
796
770
  color: #333 !important;
797
771
  }
798
- .uk-list-primary > ::before {
772
+ .uk-list-primary > ::marker {
799
773
  color: #1e87f0 !important;
800
774
  }
801
- .uk-list-secondary > ::before {
775
+ .uk-list-secondary > ::marker {
802
776
  color: #222 !important;
803
777
  }
804
778
  /* Image bullet modifier
805
779
  ========================================================================== */
806
780
  .uk-list-bullet > * {
781
+ position: relative;
807
782
  padding-right: 30px;
808
783
  }
809
784
  .uk-list-bullet > ::before {
810
785
  content: "";
811
- display: list-item;
812
- position: relative;
813
- right: -30px;
786
+ position: absolute;
787
+ top: 0;
788
+ right: 0;
814
789
  width: 30px;
815
790
  height: 1.5em;
816
- margin-bottom: -1.5em;
817
791
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");
818
792
  background-repeat: no-repeat;
819
793
  background-position: 50% 50%;
@@ -10557,56 +10531,56 @@ iframe[data-uk-cover] {
10557
10531
  .uk-offcanvas-bar .uk-divider-vertical {
10558
10532
  border-right-color: rgba(255, 255, 255, 0.2);
10559
10533
  }
10560
- .uk-light .uk-list-muted > ::before,
10561
- .uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before,
10562
- .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before,
10563
- .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before,
10564
- .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before,
10565
- .uk-card-primary.uk-card-body .uk-list-muted > ::before,
10566
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::before,
10567
- .uk-card-secondary.uk-card-body .uk-list-muted > ::before,
10568
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::before,
10569
- .uk-overlay-primary .uk-list-muted > ::before,
10570
- .uk-offcanvas-bar .uk-list-muted > ::before {
10534
+ .uk-light .uk-list-muted > ::marker,
10535
+ .uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::marker,
10536
+ .uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker,
10537
+ .uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::marker,
10538
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::marker,
10539
+ .uk-card-primary.uk-card-body .uk-list-muted > ::marker,
10540
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker,
10541
+ .uk-card-secondary.uk-card-body .uk-list-muted > ::marker,
10542
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-muted > ::marker,
10543
+ .uk-overlay-primary .uk-list-muted > ::marker,
10544
+ .uk-offcanvas-bar .uk-list-muted > ::marker {
10571
10545
  color: rgba(255, 255, 255, 0.5) !important;
10572
10546
  }
10573
- .uk-light .uk-list-emphasis > ::before,
10574
- .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before,
10575
- .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before,
10576
- .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before,
10577
- .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before,
10578
- .uk-card-primary.uk-card-body .uk-list-emphasis > ::before,
10579
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::before,
10580
- .uk-card-secondary.uk-card-body .uk-list-emphasis > ::before,
10581
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::before,
10582
- .uk-overlay-primary .uk-list-emphasis > ::before,
10583
- .uk-offcanvas-bar .uk-list-emphasis > ::before {
10547
+ .uk-light .uk-list-emphasis > ::marker,
10548
+ .uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker,
10549
+ .uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker,
10550
+ .uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::marker,
10551
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::marker,
10552
+ .uk-card-primary.uk-card-body .uk-list-emphasis > ::marker,
10553
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker,
10554
+ .uk-card-secondary.uk-card-body .uk-list-emphasis > ::marker,
10555
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-emphasis > ::marker,
10556
+ .uk-overlay-primary .uk-list-emphasis > ::marker,
10557
+ .uk-offcanvas-bar .uk-list-emphasis > ::marker {
10584
10558
  color: #fff !important;
10585
10559
  }
10586
- .uk-light .uk-list-primary > ::before,
10587
- .uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before,
10588
- .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before,
10589
- .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before,
10590
- .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before,
10591
- .uk-card-primary.uk-card-body .uk-list-primary > ::before,
10592
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::before,
10593
- .uk-card-secondary.uk-card-body .uk-list-primary > ::before,
10594
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::before,
10595
- .uk-overlay-primary .uk-list-primary > ::before,
10596
- .uk-offcanvas-bar .uk-list-primary > ::before {
10560
+ .uk-light .uk-list-primary > ::marker,
10561
+ .uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::marker,
10562
+ .uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker,
10563
+ .uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::marker,
10564
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::marker,
10565
+ .uk-card-primary.uk-card-body .uk-list-primary > ::marker,
10566
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker,
10567
+ .uk-card-secondary.uk-card-body .uk-list-primary > ::marker,
10568
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-primary > ::marker,
10569
+ .uk-overlay-primary .uk-list-primary > ::marker,
10570
+ .uk-offcanvas-bar .uk-list-primary > ::marker {
10597
10571
  color: #fff !important;
10598
10572
  }
10599
- .uk-light .uk-list-secondary > ::before,
10600
- .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before,
10601
- .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before,
10602
- .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before,
10603
- .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before,
10604
- .uk-card-primary.uk-card-body .uk-list-secondary > ::before,
10605
- .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::before,
10606
- .uk-card-secondary.uk-card-body .uk-list-secondary > ::before,
10607
- .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::before,
10608
- .uk-overlay-primary .uk-list-secondary > ::before,
10609
- .uk-offcanvas-bar .uk-list-secondary > ::before {
10573
+ .uk-light .uk-list-secondary > ::marker,
10574
+ .uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker,
10575
+ .uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker,
10576
+ .uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::marker,
10577
+ .uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::marker,
10578
+ .uk-card-primary.uk-card-body .uk-list-secondary > ::marker,
10579
+ .uk-card-primary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker,
10580
+ .uk-card-secondary.uk-card-body .uk-list-secondary > ::marker,
10581
+ .uk-card-secondary > :not([class*="uk-card-media"]) .uk-list-secondary > ::marker,
10582
+ .uk-overlay-primary .uk-list-secondary > ::marker,
10583
+ .uk-offcanvas-bar .uk-list-secondary > ::marker {
10610
10584
  color: #fff !important;
10611
10585
  }
10612
10586
  .uk-light .uk-list-bullet > ::before,