uikit 3.9.5-dev.1c5ab040d → 3.9.5-dev.24d436fbb

package/dist/css/uikit-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.9.5-dev.1c5ab040d | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */
+/*! UIkit 3.9.5-dev.24d436fbb | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -489,7 +489,8 @@ template {
 /* Muted
  ========================================================================== */
 a.uk-link-muted,
-.uk-link-muted a {
+.uk-link-muted a,
+.uk-link-toggle .uk-link-muted {
   color: #999;
 }
 a.uk-link-muted:hover,
@@ -500,7 +501,8 @@ a.uk-link-muted:hover,
 /* Text
  ========================================================================== */
 a.uk-link-text,
-.uk-link-text a {
+.uk-link-text a,
+.uk-link-toggle .uk-link-text {
   color: inherit;
 }
 a.uk-link-text:hover,
@@ -511,7 +513,8 @@ a.uk-link-text:hover,
 /* Heading
  ========================================================================== */
 a.uk-link-heading,
-.uk-link-heading a {
+.uk-link-heading a,
+.uk-link-toggle .uk-link-heading {
   color: inherit;
 }
 a.uk-link-heading:hover,
@@ -656,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 */
@@ -781,7 +784,7 @@ a.uk-link-reset,
   counter-increment: decimal;
 }
 [class*='uk-list'] > ::before {
-  content: '';
+  content: "";
   position: relative;
   right: -30px;
   width: 30px;
@@ -3482,6 +3485,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 1.5rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -3507,6 +3511,7 @@ select.uk-form-width-xsmall {
   background: transparent;
   font-size: 2.625rem;
 }
+/* Focus */
 /*
  * Icon
  */
@@ -7112,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
  ========================================================================== */
@@ -7526,13 +7539,13 @@ 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,
+/* 1 */
 [uk-cover] {
   /* 2 */
   max-width: none;
@@ -7540,7 +7553,7 @@ td.uk-text-break {
   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));
 }
@@ -8004,6 +8017,12 @@ iframe.uk-cover {
   /* 3 */
   max-width: none;
 }
+/*
+ * Fix initial iframe width. Without the viewport is expanded on iOS devices
+ */
+[uk-responsive] {
+  max-width: 100%;
+}
 /* Border
  ========================================================================== */
 .uk-border-circle {
@@ -8069,7 +8088,7 @@ iframe.uk-cover {
     vertical-align: middle;
   }
   .uk-box-shadow-bottom::after {
-    content: '';
+    content: "";
     /* 1 */
     position: absolute;
     bottom: -30px;
@@ -8903,7 +8922,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 */
@@ -8934,7 +8953,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;