uikit 3.14.3-dev.5325d42a0 → 3.14.4-dev.008162cc3

package/CHANGELOG.md

@@ -6,20 +6,34 @@
 
 - Add gap variable to navbar items in Navbar component
 - Add color mode variable to navbar dropdown in Navbar component
+- Add font size variables to nav and sublist in Nav 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
+- Add option `bg-scroll` to Drop 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`
+- Rename `@nav-primary-item-font-size` to `@nav-primary-font-size`
+- Rename `@nav-primary-item-line-height` to `@nav-primary-line-height`
+
+### Fixed
+
+- Fix body is no longer scrollable in Modal component with overlay
+- Fix `offsetPosition()` adds `border-top` of offsetParents
+- Fix dragging in Slider component on iOS
+- Fix Drop component no longer flips, if it does not fit into scroll area
+
+## 3.14.3 (May 27, 2022)
 
 ### Fixed
 
 - Fix compatibility with iOS < 14
+- Fix regression in Parallax component
 
 ## 3.14.2 (May 27, 2022)
 

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

@@ -1,4 +1,4 @@
-/*! UIkit 3.14.3-dev.5325d42a0 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
+/*! UIkit 3.14.4-dev.008162cc3 | https://www.getuikit.com | (c) 2014 - 2022 YOOtheme | MIT License */
 /* ========================================================================
    Component: Base
  ========================================================================== */
@@ -4685,6 +4685,10 @@ ul.uk-nav-sub {
 }
 /* Default modifier
  ========================================================================== */
+.uk-nav-default {
+  font-size: 16px;
+  line-height: 1.5;
+}
 /*
  * Items
  */
@@ -4720,6 +4724,10 @@ ul.uk-nav-sub {
 /*
  * Sublists
  */
+.uk-nav-default .uk-nav-sub {
+  font-size: 16px;
+  line-height: 1.5;
+}
 .uk-nav-default .uk-nav-sub a {
   color: #999;
 }
@@ -4731,12 +4739,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 */
@@ -4768,6 +4778,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;
 }
@@ -4815,7 +4829,6 @@ ul.uk-nav-sub {
  */
 .uk-navbar {
   display: flex;
-  --uk-navbar-nav-item-gap: 0;
   /* 1 */
   position: relative;
 }
@@ -4828,15 +4841,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: var(--uk-navbar-nav-item-gap);
+  gap: 0px;
   /* 1 */
   align-items: center;
 }
@@ -4875,12 +4885,10 @@ ul.uk-nav-sub {
   top: 0;
 }
 .uk-navbar-center-right {
-  left: 100%;
-  left: calc(100% + var(--uk-navbar-nav-item-gap));
+  left: calc(100% + 0px);
 }
 .uk-navbar-center-left {
-  right: 100%;
-  right: calc(100% + var(--uk-navbar-nav-item-gap));
+  right: calc(100% + 0px);
 }
 [class*='uk-navbar-center-'] {
   width: max-content;
@@ -4893,7 +4901,7 @@ ul.uk-nav-sub {
  */
 .uk-navbar-nav {
   display: flex;
-  gap: var(--uk-navbar-nav-item-gap);
+  gap: 0px;
   /* 1 */
   margin: 0;
   padding: 0;
@@ -7729,15 +7737,23 @@ iframe[data-uk-cover] {
 /* Logo
  ========================================================================== */
 /*
- * 1. Required for `a`
+ * 1. Style
+ * 2. Required for `a`
+ * 3. Behave like image but can be overridden through flex utility classes
  */
 .uk-logo {
+  /* 1 */
   font-size: 1.5rem;
   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";
   color: #333;
-  /* 1 */
+  /* 2 */
   text-decoration: none;
 }
+/* 3 */
+:where(.uk-logo) {
+  display: inline-block;
+  vertical-align: middle;
+}
 /* Hover */
 .uk-logo:hover {
   color: #333;
@@ -7745,7 +7761,7 @@ iframe[data-uk-cover] {
   text-decoration: none;
 }
 .uk-logo > :where(img, svg, video) {
-  display: inline-block;
+  display: block;
 }
 .uk-logo-inverse {
   display: none;