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

package/dist/css/uikit.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.18.4-dev.4b6b928ae | 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
  ========================================================================== */
@@ -3967,7 +3967,7 @@ select.uk-form-width-xsmall {
  */
 .uk-slider-items > * {
   /* 1 */
-  flex: none;
+  flex: none !important;
   box-sizing: border-box;
   max-width: 100%;
   /* 2 */
@@ -6826,7 +6826,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%;
@@ -6835,7 +6835,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;
@@ -6860,7 +6860,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%;
@@ -6869,7 +6869,7 @@ 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;
@@ -6878,6 +6878,16 @@ ul.uk-nav-sub {
     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) {
@@ -6888,7 +6898,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%;
@@ -6897,7 +6907,7 @@ 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;
@@ -6906,6 +6916,16 @@ ul.uk-nav-sub {
     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) {
@@ -6916,7 +6936,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%;
@@ -6925,7 +6945,7 @@ 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;
@@ -6934,6 +6954,16 @@ ul.uk-nav-sub {
     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) {
@@ -6944,7 +6974,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%;
@@ -6953,7 +6983,7 @@ 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;
@@ -6962,6 +6992,16 @@ ul.uk-nav-sub {
     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
  ========================================================================== */
@@ -6980,10 +7020,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 {
@@ -7007,10 +7047,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 {
@@ -7049,10 +7089,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 {
@@ -7076,10 +7116,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 {
@@ -7106,6 +7146,27 @@ ul.uk-nav-sub {
     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) {
@@ -7119,10 +7180,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 {
@@ -7146,10 +7207,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 {
@@ -7176,6 +7237,27 @@ ul.uk-nav-sub {
     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) {
@@ -7189,10 +7271,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 {
@@ -7216,10 +7298,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 {
@@ -7246,6 +7328,27 @@ ul.uk-nav-sub {
     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) {
@@ -7259,10 +7362,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 {
@@ -7286,10 +7389,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 {
@@ -7316,6 +7419,27 @@ ul.uk-nav-sub {
     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
  ========================================================================== */
@@ -8654,6 +8778,66 @@ iframe[data-uk-cover] {
 .uk-flex-bottom {
   align-items: flex-end;
 }
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-flex-stretch\@s {
+    align-items: stretch;
+  }
+  .uk-flex-top\@s {
+    align-items: flex-start;
+  }
+  .uk-flex-middle\@s {
+    align-items: center;
+  }
+  .uk-flex-bottom\@s {
+    align-items: flex-end;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-flex-stretch\@m {
+    align-items: stretch;
+  }
+  .uk-flex-top\@m {
+    align-items: flex-start;
+  }
+  .uk-flex-middle\@m {
+    align-items: center;
+  }
+  .uk-flex-bottom\@m {
+    align-items: flex-end;
+  }
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-flex-stretch\@l {
+    align-items: stretch;
+  }
+  .uk-flex-top\@l {
+    align-items: flex-start;
+  }
+  .uk-flex-middle\@l {
+    align-items: center;
+  }
+  .uk-flex-bottom\@l {
+    align-items: flex-end;
+  }
+}
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-flex-stretch\@xl {
+    align-items: stretch;
+  }
+  .uk-flex-top\@xl {
+    align-items: flex-start;
+  }
+  .uk-flex-middle\@xl {
+    align-items: center;
+  }
+  .uk-flex-bottom\@xl {
+    align-items: flex-end;
+  }
+}
 /* Direction
  ========================================================================== */
 .uk-flex-row {
@@ -8668,6 +8852,42 @@ iframe[data-uk-cover] {
 .uk-flex-column-reverse {
   flex-direction: column-reverse;
 }
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-flex-row\@s {
+    flex-direction: row;
+  }
+  .uk-flex-column\@s {
+    flex-direction: column;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-flex-row\@m {
+    flex-direction: row;
+  }
+  .uk-flex-column\@m {
+    flex-direction: column;
+  }
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-flex-row\@l {
+    flex-direction: row;
+  }
+  .uk-flex-column\@l {
+    flex-direction: column;
+  }
+}
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-flex-row\@xl {
+    flex-direction: row;
+  }
+  .uk-flex-column\@xl {
+    flex-direction: column;
+  }
+}
 /* Wrap
  ========================================================================== */
 .uk-flex-nowrap {
@@ -8754,6 +8974,9 @@ iframe[data-uk-cover] {
  * Initial: 0 1 auto
  * Content dimensions, but shrinks
  */
+.uk-flex-initial {
+  flex: initial;
+}
 /*
  * No Flex: 0 0 auto
  * Content dimensions
@@ -8775,6 +8998,54 @@ iframe[data-uk-cover] {
 .uk-flex-1 {
   flex: 1;
 }
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-flex-initial\@s {
+    flex: initial;
+  }
+  .uk-flex-none\@s {
+    flex: none;
+  }
+  .uk-flex-1\@s {
+    flex: 1;
+  }
+}
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
+  .uk-flex-initial\@m {
+    flex: initial;
+  }
+  .uk-flex-none\@m {
+    flex: none;
+  }
+  .uk-flex-1\@m {
+    flex: 1;
+  }
+}
+/* Desktop and bigger */
+@media (min-width: 1200px) {
+  .uk-flex-initial\@l {
+    flex: initial;
+  }
+  .uk-flex-none\@l {
+    flex: none;
+  }
+  .uk-flex-1\@l {
+    flex: 1;
+  }
+}
+/* Large screen and bigger */
+@media (min-width: 1600px) {
+  .uk-flex-initial\@xl {
+    flex: initial;
+  }
+  .uk-flex-none\@xl {
+    flex: none;
+  }
+  .uk-flex-1\@xl {
+    flex: 1;
+  }
+}
 /* ========================================================================
    Component: Margin
  ========================================================================== */