uikit 3.14.3-dev.68d38eb6d → 3.14.3

package/CHANGELOG.md

@@ -1,21 +1,6 @@
 # Changelog
 
-## WIP
-
-### Added
-
-- Add gap variable to navbar items in Navbar component
-- Add color mode variable to navbar dropdown in Navbar component
-- Add small breakpoint padding variables to Modal component- Add `animate-out` option to Drop component
-- Add alignment `stretch` to Drop component
-- Add Height Viewport uses scroll parent as viewport
-- Add zero z-index utility class to Position component
-
-### Changed
-
-- Rename `@offcanvas-bar-width-m` to `@offcanvas-bar-width-s`
-- Rename `@offcanvas-bar-padding-vertical-m` to `@offcanvas-bar-padding-vertical-s`
-- Rename `@offcanvas-bar-padding-horizontal-m` to `@offcanvas-bar-padding-horizontal-s`
+## 3.14.3 (May 27, 2022)
 
 ### Fixed
 

package/dist/css/uikit-core-rtl.css

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.3-dev.68d38eb6d | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -3231,7 +3231,7 @@ select.uk-form-width-xsmall {
   position: absolute;
   z-index: 1020;
   --uk-position-offset: 20px;
-  --uk-position-viewport-offset: 15px;
+  --uk-position-viewport-offset: 10;
   /* 3 */
   box-sizing: border-box;
   width: 300px;
@@ -3240,18 +3240,6 @@ 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 > * {
@@ -3273,7 +3261,7 @@ select.uk-form-width-xsmall {
   position: absolute;
   z-index: 1020;
   --uk-position-offset: 10px;
-  --uk-position-viewport-offset: 15px;
+  --uk-position-viewport-offset: 10;
   /* 3 */
   box-sizing: border-box;
   min-width: 200px;
@@ -3287,18 +3275,6 @@ 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;
-}
 /* Nav
  * Adopts `uk-nav`
  ========================================================================== */
@@ -3468,30 +3444,18 @@ select.uk-form-width-xsmall {
  ========================================================================== */
 .uk-modal-body {
   display: flow-root;
-  padding: 20px 20px;
+  padding: 30px 30px;
 }
 .uk-modal-header {
   display: flow-root;
-  padding: 10px 20px;
+  padding: 15px 30px;
   background: #f8f8f8;
 }
 .uk-modal-footer {
   display: flow-root;
-  padding: 10px 20px;
+  padding: 15px 30px;
   background: #f8f8f8;
 }
-/* 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
  */
@@ -3769,12 +3733,12 @@ select.uk-form-width-xsmall {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
-/* Phone landscape and bigger */
-@media (min-width: 640px) {
+/* Tablet landscape and bigger */
+@media (min-width: 960px) {
   .uk-offcanvas-bar {
     right: -350px;
     width: 350px;
-    padding: 30px 30px;
+    padding: 40px 40px;
   }
 }
 /* Flip modifier */
@@ -3783,7 +3747,7 @@ select.uk-form-width-xsmall {
   left: -270px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 640px) {
+@media (min-width: 960px) {
   .uk-offcanvas-flip .uk-offcanvas-bar {
     left: -350px;
   }
@@ -3839,7 +3803,7 @@ select.uk-form-width-xsmall {
   width: 270px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 640px) {
+@media (min-width: 960px) {
   .uk-open > .uk-offcanvas-reveal {
     width: 350px;
   }
@@ -3862,10 +3826,10 @@ select.uk-form-width-xsmall {
   padding: 5px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 640px) {
+@media (min-width: 960px) {
   .uk-offcanvas-close {
-    top: 10px;
-    left: 10px;
+    top: 20px;
+    left: 20px;
   }
 }
 /*
@@ -3943,7 +3907,7 @@ select.uk-form-width-xsmall {
   right: -270px;
 }
 /* Tablet landscape and bigger */
-@media (min-width: 640px) {
+@media (min-width: 960px) {
   :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
     right: 350px;
   }
@@ -4815,7 +4779,6 @@ ul.uk-nav-sub {
  */
 .uk-navbar {
   display: flex;
-  --uk-navbar-nav-item-gap: 0;
   /* 1 */
   position: relative;
 }
@@ -4836,7 +4799,6 @@ ul.uk-nav-sub {
 .uk-navbar-center-right > *,
 .uk-navbar-center-left > * {
   display: flex;
-  gap: var(--uk-navbar-nav-item-gap);
   /* 1 */
   align-items: center;
 }
@@ -4876,11 +4838,9 @@ ul.uk-nav-sub {
 }
 .uk-navbar-center-right {
   left: 100%;
-  left: calc(100% + var(--uk-navbar-nav-item-gap));
 }
 .uk-navbar-center-left {
   right: 100%;
-  right: calc(100% + var(--uk-navbar-nav-item-gap));
 }
 [class*='uk-navbar-center-'] {
   width: max-content;
@@ -4893,7 +4853,6 @@ ul.uk-nav-sub {
  */
 .uk-navbar-nav {
   display: flex;
-  gap: var(--uk-navbar-nav-item-gap);
   /* 1 */
   margin: 0;
   padding: 0;
@@ -4960,7 +4919,6 @@ ul.uk-nav-sub {
 /* Item
  ========================================================================== */
 .uk-navbar-item {
-  padding: 0 15px;
   color: #666;
 }
 /*
@@ -5016,9 +4974,8 @@ ul.uk-nav-sub {
   /* 2 */
   position: absolute;
   z-index: 1020;
-  --uk-position-offset: 0;
-  --uk-position-shift-offset: 0;
-  --uk-position-viewport-offset: 15px;
+  --uk-position-offset: 0px;
+  --uk-position-viewport-offset: 10;
   /* 3 */
   box-sizing: border-box;
   width: 200px;
@@ -5066,36 +5023,21 @@ 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;
-}
 /*
  * Dropbar modifier
- * 1. Reset dropdown width to prevent to early shifting
- * 2. Set position
- * 3. Bottom padding for dropbar
- * 4. Horizontal padding
+ * 1. Set position
+ * 2. Bottom padding for dropbar
+ * 3. Horizontal padding
  */
 .uk-navbar-dropdown-dropbar {
   /* 1 */
-  width: auto;
-  /* 2 */
   --uk-position-offset: 0px;
-  /* 3 */
+  --uk-position-viewport-offset: 0;
+  /* 2 */
   margin-bottom: 0px;
-  /* 4 */
+  /* 3 */
   padding-right: 15px;
   padding-left: 15px;
-  --uk-position-shift-offset: 0;
 }
 /* Dropdown Nav
  * Adopts `uk-nav`
@@ -7467,6 +7409,7 @@ 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;
@@ -8595,9 +8538,6 @@ 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;
 }