uikit 3.9.5-dev.e48c5e252 → 3.10.1-dev.6b26facf9

package/dist/css/uikit-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.5-dev.e48c5e252 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.10.1-dev.6b26facf9 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -659,7 +659,7 @@ a.uk-link-reset,
   content: "";
   /* 1 */
   position: absolute;
-  top: calc(50% - ((0.2px + 0.05em) / 2));
+  top: calc(50% - (calc(0.2px + 0.05em) / 2));
   /* 2 */
   width: 2000px;
   /* 3 */
@@ -737,7 +737,7 @@ a.uk-link-reset,
 /* Vertical
  ========================================================================== */
 .uk-divider-vertical {
-  width: 1px;
+  width: max-content;
   height: 100px;
   margin-right: auto;
   margin-left: auto;
@@ -784,7 +784,7 @@ a.uk-link-reset,
   counter-increment: decimal;
 }
 [class*='uk-list'] > ::before {
-  content: '';
+  content: "";
   position: relative;
   right: -30px;
   width: 30px;
@@ -7117,6 +7117,14 @@ ul.uk-nav-sub {
     min-width: 1px;
   }
 }
+/* Intrinsic Widths
+ ========================================================================== */
+.uk-width-max-content {
+  width: max-content;
+}
+.uk-width-min-content {
+  width: min-content;
+}
 /* ========================================================================
    Component: Height
  ========================================================================== */
@@ -7531,25 +7539,27 @@ td.uk-text-break {
  ========================================================================== */
 /*
  * Works with iframes and embedded content
- * 1. Apply transform instantly. Needed if transform is transitioned.
+ * 1. Use attribute to apply transform instantly. Needed if transform is transitioned.
  * 2. Reset responsiveness for embedded content
  * 3. Center object
  * Note: Percent values on the `top` property only works if this element
  *       is absolute positioned or if the container has a height
  */
-.uk-cover,
-[uk-cover] {
+/* 1 */
+[uk-cover],
+[data-uk-cover] {
   /* 2 */
   max-width: none;
   /* 3 */
   position: absolute;
   right: 50%;
   top: 50%;
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   --uk-position-translate-y: -50%;
   transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
 }
-iframe.uk-cover {
+iframe[uk-cover],
+iframe[data-uk-cover] {
   pointer-events: none;
 }
 /* Container
@@ -8012,7 +8022,8 @@ iframe.uk-cover {
 /*
  * Fix initial iframe width. Without the viewport is expanded on iOS devices
  */
-[uk-responsive] {
+[uk-responsive],
+[data-uk-responsive] {
   max-width: 100%;
 }
 /* Border
@@ -8080,7 +8091,7 @@ iframe.uk-cover {
     vertical-align: middle;
   }
   .uk-box-shadow-bottom::after {
-    content: '';
+    content: "";
     /* 1 */
     position: absolute;
     bottom: -30px;
@@ -8914,7 +8925,7 @@ iframe.uk-cover {
 .uk-position-center {
   top: calc(50% - var(--uk-position-margin-offset));
   right: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   --uk-position-translate-y: -50%;
   transform: translate(var(--uk-position-translate-x), var(--uk-position-translate-y));
   /* 1 */
@@ -8945,7 +8956,7 @@ iframe.uk-cover {
 .uk-position-top-center,
 .uk-position-bottom-center {
   right: calc(50% - var(--uk-position-margin-offset));
-  --uk-position-translate-x: -50%;
+  --uk-position-translate-x: 50%;
   transform: translate(var(--uk-position-translate-x), 0);
   /* 1 */
   width: max-content;