uikit 3.14.3 → 3.14.4-dev.0097ef093

package/dist/css/uikit-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.0097ef093 | 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;
@@ -3501,6 +3501,18 @@ select.uk-form-width-xsmall {
 .uk-drop.uk-open {
   display: block;
 }
+/* Stretch modifier
+ ========================================================================== */
+/*
+ * 1. Allow scrolling
+ */
+.uk-drop-stretch {
+  --uk-position-offset: 0;
+  --uk-position-viewport-offset: 0;
+  /* 1 */
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
 /* Grid modifiers
  ========================================================================== */
 .uk-drop-stack .uk-drop-grid > * {
@@ -3522,7 +3534,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;
@@ -3537,6 +3549,20 @@ select.uk-form-width-xsmall {
 .uk-dropdown.uk-open {
   display: block;
 }
+/* Stretch modifier
+ ========================================================================== */
+/*
+ * 1. Allow scrolling
+ */
+.uk-dropdown-stretch {
+  --uk-position-offset: 0;
+  --uk-position-viewport-offset: 0;
+  /* 1 */
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  box-shadow: none;
+  background: #f8f8f8;
+}
 /* Nav
  * Adopts `uk-nav`
  ========================================================================== */
@@ -3709,20 +3735,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
  */
@@ -4006,12 +4044,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 */
@@ -4020,7 +4058,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;
   }
@@ -4076,7 +4114,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;
   }
@@ -4099,10 +4137,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;
   }
 }
 /*
@@ -4180,7 +4218,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;
   }
@@ -4924,6 +4962,7 @@ ul.uk-nav-sub {
  ========================================================================== */
 .uk-nav-default {
   font-size: 0.875rem;
+  line-height: 1.5;
 }
 /*
  * Items
@@ -4960,6 +4999,10 @@ ul.uk-nav-sub {
 /*
  * Sublists
  */
+.uk-nav-default .uk-nav-sub {
+  font-size: 0.875rem;
+  line-height: 1.5;
+}
 .uk-nav-default .uk-nav-sub a {
   color: #999;
 }
@@ -4971,12 +5014,14 @@ ul.uk-nav-sub {
 }
 /* Primary modifier
  ========================================================================== */
+.uk-nav-primary {
+  font-size: 1.5rem;
+  line-height: 1.5;
+}
 /*
  * Items
  */
 .uk-nav-primary > li > a {
-  font-size: 1.5rem;
-  line-height: 1.5;
   color: #999;
 }
 /* Hover */
@@ -5008,6 +5053,10 @@ ul.uk-nav-sub {
 /*
  * Sublists
  */
+.uk-nav-primary .uk-nav-sub {
+  font-size: 1.25rem;
+  line-height: 1.5;
+}
 .uk-nav-primary .uk-nav-sub a {
   color: #999;
 }
@@ -5067,14 +5116,12 @@ ul.uk-nav-sub {
  ========================================================================== */
 /*
  * 1. Align navs and items vertically if they have a different height
- * 2. Note: IE 11 requires an extra `div` which affects the center selector
  */
 .uk-navbar-right,
 .uk-navbar-left,
-.uk-navbar-center,
-.uk-navbar-center-right > *,
-.uk-navbar-center-left > * {
+[class*='uk-navbar-center'] {
   display: flex;
+  gap: 30px;
   /* 1 */
   align-items: center;
 }
@@ -5113,10 +5160,10 @@ ul.uk-nav-sub {
   top: 0;
 }
 .uk-navbar-center-right {
-  left: 100%;
+  left: calc(100% + 30px);
 }
 .uk-navbar-center-left {
-  right: 100%;
+  right: calc(100% + 30px);
 }
 [class*='uk-navbar-center-'] {
   width: max-content;
@@ -5129,6 +5176,7 @@ ul.uk-nav-sub {
  */
 .uk-navbar-nav {
   display: flex;
+  gap: 30px;
   /* 1 */
   margin: 0;
   padding: 0;
@@ -5163,7 +5211,7 @@ ul.uk-nav-sub {
   /* 3 */
   box-sizing: border-box;
   min-height: 80px;
-  padding: 0 15px;
+  padding: 0 0;
   /* 4 */
   font-size: 0.875rem;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
@@ -5198,6 +5246,7 @@ ul.uk-nav-sub {
 /* Item
  ========================================================================== */
 .uk-navbar-item {
+  padding: 0 0;
   color: #666;
 }
 /*
@@ -5254,7 +5303,8 @@ ul.uk-nav-sub {
   position: absolute;
   z-index: 1020;
   --uk-position-offset: 15px;
-  --uk-position-viewport-offset: 10;
+  --uk-position-shift-offset: 0;
+  --uk-position-viewport-offset: 15px;
   /* 3 */
   box-sizing: border-box;
   width: 200px;
@@ -5303,21 +5353,39 @@ ul.uk-nav-sub {
 .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) {
   width: 1000px;
 }
+/*
+ * Stretch modifier
+ * 1. Allow scrolling
+ */
+.uk-navbar-dropdown-stretch {
+  --uk-position-offset: 0;
+  --uk-position-shift-offset: 0;
+  --uk-position-viewport-offset: 0;
+  /* 1 */
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  box-shadow: none;
+  background: #f8f8f8;
+}
 /*
  * 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 */
+  width: auto;
+  /* 2 */
   --uk-position-offset: 0px;
   --uk-position-viewport-offset: 0;
-  /* 2 */
-  margin-bottom: 0px;
   /* 3 */
-  padding-right: 15px;
-  padding-left: 15px;
+  margin-bottom: 0px;
+  /* 4 */
+  padding-right: 0;
+  padding-left: 0;
+  --uk-position-shift-offset: 0;
   box-shadow: none;
 }
 /* Dropdown Nav
@@ -5380,19 +5448,6 @@ ul.uk-nav-sub {
   background: #fff;
   box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05);
 }
-/*
-     * Navbar
-     */
-.uk-container > :not(.uk-navbar-justified) > .uk-navbar-right .uk-navbar-nav:first-child,
-.uk-container > :not(.uk-navbar-justified) > .uk-navbar-right .uk-navbar-item:first-child,
-.uk-container > :not(.uk-navbar-justified) > .uk-navbar-right .uk-navbar-toggle:first-child {
-  margin-right: -15px;
-}
-.uk-container > :not(.uk-navbar-justified) > .uk-navbar-left .uk-navbar-nav:last-child,
-.uk-container > :not(.uk-navbar-justified) > .uk-navbar-left .uk-navbar-item:last-child,
-.uk-container > :not(.uk-navbar-justified) > .uk-navbar-left .uk-navbar-toggle:last-child {
-  margin-left: -15px;
-}
 /*
      * Grid Divider
      */
@@ -7814,7 +7869,6 @@ iframe[data-uk-cover] {
 }
 /*
  * Enable scrollbars if content is clipped
- * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518
  */
 .uk-overflow-auto {
   overflow: auto;
@@ -8944,6 +8998,9 @@ iframe[data-uk-cover] {
 .uk-position-z-index {
   z-index: 1;
 }
+.uk-position-z-index-zero {
+  z-index: 0;
+}
 .uk-position-z-index-negative {
   z-index: -1;
 }