uikit 3.14.2-dev.404bdcedf → 3.14.2-dev.57e3417c4

package/dist/css/uikit-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.2-dev.404bdcedf | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.2-dev.57e3417c4 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3492,7 +3492,7 @@ select.uk-form-width-xsmall {
   position: absolute;
   z-index: 1020;
   --uk-position-offset: 20px;
-  --uk-position-viewport-offset: 10;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
   box-sizing: border-box;
   width: 300px;
@@ -3522,7 +3522,7 @@ select.uk-form-width-xsmall {
   position: absolute;
   z-index: 1020;
   --uk-position-offset: 10px;
-  --uk-position-viewport-offset: 10;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
   box-sizing: border-box;
   min-width: 200px;
@@ -3709,20 +3709,32 @@ select.uk-form-width-xsmall {
  ========================================================================== */
 .uk-modal-body {
   display: flow-root;
-  padding: 30px 30px;
+  padding: 20px 20px;
 }
 .uk-modal-header {
   display: flow-root;
-  padding: 15px 30px;
+  padding: 10px 20px;
   background: #fff;
   border-bottom: 1px solid #e5e5e5;
 }
 .uk-modal-footer {
   display: flow-root;
-  padding: 15px 30px;
+  padding: 10px 20px;
   background: #fff;
   border-top: 1px solid #e5e5e5;
 }
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
+  .uk-modal-body {
+    padding: 30px 30px;
+  }
+  .uk-modal-header {
+    padding: 15px 30px;
+  }
+  .uk-modal-footer {
+    padding: 15px 30px;
+  }
+}
 /*
  * Remove margin from the last-child
  */
@@ -3999,12 +4011,12 @@ select.uk-form-width-xsmall {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
-/* Tablet landscape and bigger */
-@media (min-width: 960px) {
+/* Phone landscape and bigger */
+@media (min-width: 640px) {
   .uk-offcanvas-bar {
     right: -350px;
     width: 350px;
-    padding: 40px 40px;
+    padding: 30px 30px;
   }
 }
 /* Flip modifier */
@@ -4013,7 +4025,7 @@ select.uk-form-width-xsmall {
   left: -270px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (min-width: 640px) {
   .uk-offcanvas-flip .uk-offcanvas-bar {
     left: -350px;
   }
@@ -4069,7 +4081,7 @@ select.uk-form-width-xsmall {
   width: 270px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (min-width: 640px) {
   .uk-open > .uk-offcanvas-reveal {
     width: 350px;
   }
@@ -4092,10 +4104,10 @@ select.uk-form-width-xsmall {
   padding: 5px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (min-width: 640px) {
   .uk-offcanvas-close {
-    top: 20px;
-    left: 20px;
+    top: 10px;
+    left: 10px;
   }
 }
 /*
@@ -4173,7 +4185,7 @@ select.uk-form-width-xsmall {
   right: -270px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (min-width: 640px) {
   :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
     right: 350px;
   }
@@ -5254,7 +5266,7 @@ ul.uk-nav-sub {
   z-index: 1020;
   --uk-position-offset: 15px;
   --uk-position-shift-offset: 0;
-  --uk-position-viewport-offset: 10;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
   box-sizing: border-box;
   width: 200px;
@@ -5305,18 +5317,22 @@ ul.uk-nav-sub {
 }
 /*
  * Dropbar modifier
- * 1. Set position
- * 2. Bottom padding for dropbar
- * 3. Horizontal padding
+ * 1. Reset dropdown width to prevent to early shifting
+ * 2. Set position
+ * 3. Bottom padding for dropbar
+ * 4. Horizontal padding
  */
 .uk-navbar-dropdown-dropbar {
   /* 1 */
-  --uk-position-offset: 0px;
+  width: auto;
   /* 2 */
-  margin-bottom: 0px;
+  --uk-position-offset: 0px;
   /* 3 */
+  margin-bottom: 0px;
+  /* 4 */
   padding-right: 0;
   padding-left: 0;
+  --uk-position-shift-offset: 0;
   box-shadow: none;
 }
 /* Dropdown Nav
@@ -8080,7 +8096,7 @@ iframe[data-uk-cover] {
   text-decoration: none;
 }
 .uk-logo > :where(img, svg, video) {
-  display: block;
+  display: inline-block;
 }
 .uk-logo-inverse {
   display: none;