uikit 3.18.4-dev.4d31fe360 → 3.18.4-dev.5aef5369c

package/CHANGELOG.md

@@ -7,13 +7,20 @@
 - Add breakpoint classes for flex direction, dimension and alignment
 - Add `active` option to Slider component
 
+### Changed
+
+- Remove obsolete fix for rounding issues in Width component in IE11/Edge
+
 ### Fixed
 
+- Fix width expand classes mixed with other width classes of higher breakpoints in Width component
 - Fix combination of width auto and expand breakpoint classes
 - Fix logo inverse selector to work with different types of images
 - Fix Tooltips not showing in iOS
 - Fix parallax scrolling for Slideshow/Slider component with finite mode
+- Fix Slider component disables infinite scrolling prematurely
 - Fix Sass sources by renaming spin() (LESS) to adjust-hue() (Sass)
+- Fix Height Match component recalculates its heights, when a font has loaded
 
 ## 3.18.3 (February 13, 2024)
 

package/dist/css/uikit-core-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.18.4-dev.4d31fe360 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.18.4-dev.5aef5369c | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3679,7 +3679,7 @@ select.uk-form-width-xsmall {
  */
 .uk-slider-items > * {
   /* 1 */
-  flex: none;
+  flex: none !important;
   box-sizing: border-box;
   max-width: 100%;
   /* 2 */
@@ -6418,7 +6418,7 @@ ul.uk-nav-sub {
   width: 50%;
 }
 .uk-child-width-1-3 > * {
-  width: calc(100% * 1 / 3.001);
+  width: calc(100% / 3);
 }
 .uk-child-width-1-4 > * {
   width: 25%;
@@ -6427,7 +6427,7 @@ ul.uk-nav-sub {
   width: 20%;
 }
 .uk-child-width-1-6 > * {
-  width: calc(100% * 1 / 6.001);
+  width: calc(100% / 6);
 }
 .uk-child-width-auto > * {
   width: auto;
@@ -6437,7 +6437,6 @@ ul.uk-nav-sub {
  *    flex items won't shrink below their minimum intrinsic content size.
  *    Using `1px` instead of `0`, so items still wrap into the next line,
  *    if they have zero width and padding and the predecessor is 100% wide.
- * 2. Reset flex if auto classes are combined with expand classes
  */
 .uk-child-width-expand > :not([class*="uk-width"]) {
   flex: 1;
@@ -6453,7 +6452,7 @@ ul.uk-nav-sub {
     width: 50%;
   }
   .uk-child-width-1-3\@s > * {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-child-width-1-4\@s > * {
     width: 25%;
@@ -6462,17 +6461,25 @@ ul.uk-nav-sub {
     width: 20%;
   }
   .uk-child-width-1-6\@s > * {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-child-width-auto\@s > * {
     width: auto;
-    /* 2 */
-    flex: initial;
   }
   .uk-child-width-expand\@s > :not([class*="uk-width"]) {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-child-width-1-1\@s > :not([class*="uk-width"]),
+  .uk-child-width-1-2\@s > :not([class*="uk-width"]),
+  .uk-child-width-1-3\@s > :not([class*="uk-width"]),
+  .uk-child-width-1-4\@s > :not([class*="uk-width"]),
+  .uk-child-width-1-5\@s > :not([class*="uk-width"]),
+  .uk-child-width-1-6\@s > :not([class*="uk-width"]),
+  .uk-child-width-auto\@s > :not([class*="uk-width"]) {
+    flex: initial;
+  }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
@@ -6483,7 +6490,7 @@ ul.uk-nav-sub {
     width: 50%;
   }
   .uk-child-width-1-3\@m > * {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-child-width-1-4\@m > * {
     width: 25%;
@@ -6492,16 +6499,25 @@ ul.uk-nav-sub {
     width: 20%;
   }
   .uk-child-width-1-6\@m > * {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-child-width-auto\@m > * {
     width: auto;
-    flex: initial;
   }
   .uk-child-width-expand\@m > :not([class*="uk-width"]) {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-child-width-1-1\@m > :not([class*="uk-width"]),
+  .uk-child-width-1-2\@m > :not([class*="uk-width"]),
+  .uk-child-width-1-3\@m > :not([class*="uk-width"]),
+  .uk-child-width-1-4\@m > :not([class*="uk-width"]),
+  .uk-child-width-1-5\@m > :not([class*="uk-width"]),
+  .uk-child-width-1-6\@m > :not([class*="uk-width"]),
+  .uk-child-width-auto\@m > :not([class*="uk-width"]) {
+    flex: initial;
+  }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
@@ -6512,7 +6528,7 @@ ul.uk-nav-sub {
     width: 50%;
   }
   .uk-child-width-1-3\@l > * {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-child-width-1-4\@l > * {
     width: 25%;
@@ -6521,16 +6537,25 @@ ul.uk-nav-sub {
     width: 20%;
   }
   .uk-child-width-1-6\@l > * {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-child-width-auto\@l > * {
     width: auto;
-    flex: initial;
   }
   .uk-child-width-expand\@l > :not([class*="uk-width"]) {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-child-width-1-1\@l > :not([class*="uk-width"]),
+  .uk-child-width-1-2\@l > :not([class*="uk-width"]),
+  .uk-child-width-1-3\@l > :not([class*="uk-width"]),
+  .uk-child-width-1-4\@l > :not([class*="uk-width"]),
+  .uk-child-width-1-5\@l > :not([class*="uk-width"]),
+  .uk-child-width-1-6\@l > :not([class*="uk-width"]),
+  .uk-child-width-auto\@l > :not([class*="uk-width"]) {
+    flex: initial;
+  }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
@@ -6541,7 +6566,7 @@ ul.uk-nav-sub {
     width: 50%;
   }
   .uk-child-width-1-3\@xl > * {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-child-width-1-4\@xl > * {
     width: 25%;
@@ -6550,16 +6575,25 @@ ul.uk-nav-sub {
     width: 20%;
   }
   .uk-child-width-1-6\@xl > * {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-child-width-auto\@xl > * {
     width: auto;
-    flex: initial;
   }
   .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-child-width-1-1\@xl > :not([class*="uk-width"]),
+  .uk-child-width-1-2\@xl > :not([class*="uk-width"]),
+  .uk-child-width-1-3\@xl > :not([class*="uk-width"]),
+  .uk-child-width-1-4\@xl > :not([class*="uk-width"]),
+  .uk-child-width-1-5\@xl > :not([class*="uk-width"]),
+  .uk-child-width-1-6\@xl > :not([class*="uk-width"]),
+  .uk-child-width-auto\@xl > :not([class*="uk-width"]) {
+    flex: initial;
+  }
 }
 /* Single Widths
  ========================================================================== */
@@ -6578,10 +6612,10 @@ ul.uk-nav-sub {
 }
 /* Thirds */
 .uk-width-1-3 {
-  width: calc(100% * 1 / 3.001);
+  width: calc(100% / 3);
 }
 .uk-width-2-3 {
-  width: calc(100% * 2 / 3.001);
+  width: calc(200% / 3);
 }
 /* Quarters */
 .uk-width-1-4 {
@@ -6605,10 +6639,10 @@ ul.uk-nav-sub {
 }
 /* Sixths */
 .uk-width-1-6 {
-  width: calc(100% * 1 / 6.001);
+  width: calc(100% / 6);
 }
 .uk-width-5-6 {
-  width: calc(100% * 5 / 6.001);
+  width: calc(500% / 6);
 }
 /* Pixel */
 .uk-width-small {
@@ -6647,10 +6681,10 @@ ul.uk-nav-sub {
   }
   /* Thirds */
   .uk-width-1-3\@s {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-width-2-3\@s {
-    width: calc(100% * 2 / 3.001);
+    width: calc(200% / 3);
   }
   /* Quarters */
   .uk-width-1-4\@s {
@@ -6674,10 +6708,10 @@ ul.uk-nav-sub {
   }
   /* Sixths */
   .uk-width-1-6\@s {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-width-5-6\@s {
-    width: calc(100% * 5 / 6.001);
+    width: calc(500% / 6);
   }
   /* Pixel */
   .uk-width-small\@s {
@@ -6698,13 +6732,33 @@ ul.uk-nav-sub {
   /* Auto */
   .uk-width-auto\@s {
     width: auto;
-    flex: initial;
   }
   /* Expand */
   .uk-width-expand\@s {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-width-1-1\@s,
+  .uk-width-1-2\@s,
+  .uk-width-1-3\@s,
+  .uk-width-2-3\@s,
+  .uk-width-1-4\@s,
+  .uk-width-3-4\@s,
+  .uk-width-1-5\@s,
+  .uk-width-2-5\@s,
+  .uk-width-3-5\@s,
+  .uk-width-4-5\@s,
+  .uk-width-1-6\@s,
+  .uk-width-5-6\@s,
+  .uk-width-small\@s,
+  .uk-width-medium\@s,
+  .uk-width-large\@s,
+  .uk-width-xlarge\@s,
+  .uk-width-2xlarge\@s,
+  .uk-width-auto\@s {
+    flex: initial;
+  }
 }
 /* Tablet landscape and bigger */
 @media (min-width: 960px) {
@@ -6718,10 +6772,10 @@ ul.uk-nav-sub {
   }
   /* Thirds */
   .uk-width-1-3\@m {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-width-2-3\@m {
-    width: calc(100% * 2 / 3.001);
+    width: calc(200% / 3);
   }
   /* Quarters */
   .uk-width-1-4\@m {
@@ -6745,10 +6799,10 @@ ul.uk-nav-sub {
   }
   /* Sixths */
   .uk-width-1-6\@m {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-width-5-6\@m {
-    width: calc(100% * 5 / 6.001);
+    width: calc(500% / 6);
   }
   /* Pixel */
   .uk-width-small\@m {
@@ -6769,13 +6823,33 @@ ul.uk-nav-sub {
   /* Auto */
   .uk-width-auto\@m {
     width: auto;
-    flex: initial;
   }
   /* Expand */
   .uk-width-expand\@m {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-width-1-1\@m,
+  .uk-width-1-2\@m,
+  .uk-width-1-3\@m,
+  .uk-width-2-3\@m,
+  .uk-width-1-4\@m,
+  .uk-width-3-4\@m,
+  .uk-width-1-5\@m,
+  .uk-width-2-5\@m,
+  .uk-width-3-5\@m,
+  .uk-width-4-5\@m,
+  .uk-width-1-6\@m,
+  .uk-width-5-6\@m,
+  .uk-width-small\@m,
+  .uk-width-medium\@m,
+  .uk-width-large\@m,
+  .uk-width-xlarge\@m,
+  .uk-width-2xlarge\@m,
+  .uk-width-auto\@m {
+    flex: initial;
+  }
 }
 /* Desktop and bigger */
 @media (min-width: 1200px) {
@@ -6789,10 +6863,10 @@ ul.uk-nav-sub {
   }
   /* Thirds */
   .uk-width-1-3\@l {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-width-2-3\@l {
-    width: calc(100% * 2 / 3.001);
+    width: calc(200% / 3);
   }
   /* Quarters */
   .uk-width-1-4\@l {
@@ -6816,10 +6890,10 @@ ul.uk-nav-sub {
   }
   /* Sixths */
   .uk-width-1-6\@l {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-width-5-6\@l {
-    width: calc(100% * 5 / 6.001);
+    width: calc(500% / 6);
   }
   /* Pixel */
   .uk-width-small\@l {
@@ -6840,13 +6914,33 @@ ul.uk-nav-sub {
   /* Auto */
   .uk-width-auto\@l {
     width: auto;
-    flex: initial;
   }
   /* Expand */
   .uk-width-expand\@l {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-width-1-1\@l,
+  .uk-width-1-2\@l,
+  .uk-width-1-3\@l,
+  .uk-width-2-3\@l,
+  .uk-width-1-4\@l,
+  .uk-width-3-4\@l,
+  .uk-width-1-5\@l,
+  .uk-width-2-5\@l,
+  .uk-width-3-5\@l,
+  .uk-width-4-5\@l,
+  .uk-width-1-6\@l,
+  .uk-width-5-6\@l,
+  .uk-width-small\@l,
+  .uk-width-medium\@l,
+  .uk-width-large\@l,
+  .uk-width-xlarge\@l,
+  .uk-width-2xlarge\@l,
+  .uk-width-auto\@l {
+    flex: initial;
+  }
 }
 /* Large screen and bigger */
 @media (min-width: 1600px) {
@@ -6860,10 +6954,10 @@ ul.uk-nav-sub {
   }
   /* Thirds */
   .uk-width-1-3\@xl {
-    width: calc(100% * 1 / 3.001);
+    width: calc(100% / 3);
   }
   .uk-width-2-3\@xl {
-    width: calc(100% * 2 / 3.001);
+    width: calc(200% / 3);
   }
   /* Quarters */
   .uk-width-1-4\@xl {
@@ -6887,10 +6981,10 @@ ul.uk-nav-sub {
   }
   /* Sixths */
   .uk-width-1-6\@xl {
-    width: calc(100% * 1 / 6.001);
+    width: calc(100% / 6);
   }
   .uk-width-5-6\@xl {
-    width: calc(100% * 5 / 6.001);
+    width: calc(500% / 6);
   }
   /* Pixel */
   .uk-width-small\@xl {
@@ -6911,13 +7005,33 @@ ul.uk-nav-sub {
   /* Auto */
   .uk-width-auto\@xl {
     width: auto;
-    flex: initial;
   }
   /* Expand */
   .uk-width-expand\@xl {
     flex: 1;
     min-width: 1px;
   }
+  /* Reset expand */
+  .uk-width-1-1\@xl,
+  .uk-width-1-2\@xl,
+  .uk-width-1-3\@xl,
+  .uk-width-2-3\@xl,
+  .uk-width-1-4\@xl,
+  .uk-width-3-4\@xl,
+  .uk-width-1-5\@xl,
+  .uk-width-2-5\@xl,
+  .uk-width-3-5\@xl,
+  .uk-width-4-5\@xl,
+  .uk-width-1-6\@xl,
+  .uk-width-5-6\@xl,
+  .uk-width-small\@xl,
+  .uk-width-medium\@xl,
+  .uk-width-large\@xl,
+  .uk-width-xlarge\@xl,
+  .uk-width-2xlarge\@xl,
+  .uk-width-auto\@xl {
+    flex: initial;
+  }
 }
 /* Intrinsic Widths
  ========================================================================== */