uikit 3.14.4-dev.871ba3c05 → 3.14.4-dev.ce706e326

package/src/scss/components/utility.scss

@@ -384,18 +384,27 @@ $dragover-box-shadow:                            0 0 20px rgba(100,100,100,0.3)
  ========================================================================== */
 
 /*
- * 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: $logo-font-size;
     font-family: $logo-font-family;
     color: $logo-color;
-    /* 1 */
+    /* 2 */
     text-decoration: none;
     @if(mixin-exists(hook-logo)) {@include hook-logo();}
 }
 
+/* 3 */
+:where(.uk-logo) {
+    display: inline-block;
+    vertical-align: middle;
+}
+
 /* Hover */
 .uk-logo:hover {
     color: $logo-hover-color;
@@ -404,7 +413,7 @@ $dragover-box-shadow:                            0 0 20px rgba(100,100,100,0.3)
     @if(mixin-exists(hook-logo-hover)) {@include hook-logo-hover();}
 }
 
-.uk-logo > :where(img, svg, video) { display: inline-block; }
+.uk-logo > :where(img, svg, video) { display: block; }
 
 .uk-logo-inverse { display: none; }
 

package/src/scss/mixins-theme.scss

@@ -1707,7 +1707,7 @@
 @mixin hook-nav-parent-icon(){}
 @mixin hook-nav-header(){}
 @mixin hook-nav-divider(){}
-@mixin hook-nav-default(){ font-size: $nav-default-font-size; }
+@mixin hook-nav-default(){}
 @mixin hook-nav-default-item(){}
 @mixin hook-nav-default-item-hover(){}
 @mixin hook-nav-default-item-active(){}

package/src/scss/theme/nav.scss

@@ -7,14 +7,10 @@
 // Variables
 // ========================================================================
 
-$nav-default-subtitle-font-size:                 12px !default;
-
-//
-// New
-//
-
 $nav-default-font-size:                          $global-small-font-size !default;
 
+$nav-default-subtitle-font-size:                 12px !default;
+
 
 // Sublists
 // ========================================================================
@@ -43,7 +39,7 @@ $nav-default-font-size:                          $global-small-font-size !defaul
 // Default style modifier
 // ========================================================================
 
-
+// @mixin hook-nav-default(){}
 
 // @mixin hook-nav-default-item(){}
 

package/src/scss/theme/navbar.scss

@@ -7,7 +7,9 @@
 // Variables
 // ========================================================================
 
-$navbar-nav-item-gap:                            30px !default;
+$navbar-gap:                                     30px !default;
+
+$navbar-nav-gap:                                 30px !default;
 $navbar-nav-item-padding-horizontal:             0 !default;
 
 $navbar-nav-item-font-size:                      $global-small-font-size !default;

package/src/scss/variables-theme.scss

@@ -690,6 +690,8 @@ $nav-header-text-transform: uppercase !default;
 $nav-header-margin-top: $global-margin !default;
 $nav-divider-margin-vertical: 5px !default;
 $nav-divider-margin-horizontal: 0 !default;
+$nav-default-font-size: $global-small-font-size !default;
+$nav-default-line-height: $global-line-height !default;
 $nav-default-item-color: $global-muted-color !default;
 $nav-default-item-hover-color: $global-color !default;
 $nav-default-item-active-color: $global-emphasis-color !default;
@@ -697,11 +699,13 @@ $nav-default-subtitle-font-size: 12px !default;
 $nav-default-header-color: $global-emphasis-color !default;
 $nav-default-divider-border-width: $global-border-width !default;
 $nav-default-divider-border: $global-border !default;
+$nav-default-sublist-font-size: $nav-default-font-size !default;
+$nav-default-sublist-line-height: $nav-default-line-height !default;
 $nav-default-sublist-item-color: $global-muted-color !default;
 $nav-default-sublist-item-hover-color: $global-color !default;
 $nav-default-sublist-item-active-color: $global-emphasis-color !default;
-$nav-primary-item-font-size: $global-large-font-size !default;
-$nav-primary-item-line-height: $global-line-height !default;
+$nav-primary-font-size: $global-large-font-size !default;
+$nav-primary-line-height: $global-line-height !default;
 $nav-primary-item-color: $global-muted-color !default;
 $nav-primary-item-hover-color: $global-color !default;
 $nav-primary-item-active-color: $global-emphasis-color !default;
@@ -709,6 +713,8 @@ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
 $nav-primary-header-color: $global-emphasis-color !default;
 $nav-primary-divider-border-width: $global-border-width !default;
 $nav-primary-divider-border: $global-border !default;
+$nav-primary-sublist-font-size: $global-medium-font-size !default;
+$nav-primary-sublist-line-height: $global-line-height !default;
 $nav-primary-sublist-item-color: $global-muted-color !default;
 $nav-primary-sublist-item-hover-color: $global-color !default;
 $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
@@ -736,9 +742,10 @@ $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
 $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
 $inverse-nav-dividers-border: $inverse-global-border !default;
 $navbar-background: $global-muted-background !default;
+$navbar-gap: 30px !default;
 $navbar-color-mode: none !default;
+$navbar-nav-gap: 30px !default;
 $navbar-nav-item-height: 80px !default;
-$navbar-nav-item-gap: 30px !default;
 $navbar-nav-item-padding-horizontal: 0 !default;
 $navbar-nav-item-color: $global-muted-color !default;
 $navbar-nav-item-font-size: $global-small-font-size !default;
@@ -1172,7 +1179,6 @@ $modal-footer-border-width: $global-border-width !default;
 $modal-footer-border: $global-border !default;
 $modal-close-full-padding: $global-margin !default;
 $modal-close-full-background: $modal-dialog-background !default;
-$nav-default-font-size: $global-small-font-size !default;
 $navbar-nav-item-text-transform: uppercase !default;
 $navbar-dropdown-nav-font-size: $global-small-font-size !default;
 $navbar-dropdown-box-shadow: 0 5px 12px rgba(0,0,0,0.15) !default;

package/src/scss/variables.scss

@@ -688,6 +688,8 @@ $nav-header-text-transform: uppercase !default;
 $nav-header-margin-top: $global-margin !default;
 $nav-divider-margin-vertical: 5px !default;
 $nav-divider-margin-horizontal: 0 !default;
+$nav-default-font-size: $global-font-size !default;
+$nav-default-line-height: $global-line-height !default;
 $nav-default-item-color: $global-muted-color !default;
 $nav-default-item-hover-color: $global-color !default;
 $nav-default-item-active-color: $global-emphasis-color !default;
@@ -695,11 +697,13 @@ $nav-default-subtitle-font-size: $global-small-font-size !default;
 $nav-default-header-color: $global-emphasis-color !default;
 $nav-default-divider-border-width: $global-border-width !default;
 $nav-default-divider-border: $global-border !default;
+$nav-default-sublist-font-size: $nav-default-font-size !default;
+$nav-default-sublist-line-height: $nav-default-line-height !default;
 $nav-default-sublist-item-color: $global-muted-color !default;
 $nav-default-sublist-item-hover-color: $global-color !default;
 $nav-default-sublist-item-active-color: $global-emphasis-color !default;
-$nav-primary-item-font-size: $global-large-font-size !default;
-$nav-primary-item-line-height: $global-line-height !default;
+$nav-primary-font-size: $global-large-font-size !default;
+$nav-primary-line-height: $global-line-height !default;
 $nav-primary-item-color: $global-muted-color !default;
 $nav-primary-item-hover-color: $global-color !default;
 $nav-primary-item-active-color: $global-emphasis-color !default;
@@ -707,6 +711,8 @@ $nav-primary-subtitle-font-size: $global-medium-font-size !default;
 $nav-primary-header-color: $global-emphasis-color !default;
 $nav-primary-divider-border-width: $global-border-width !default;
 $nav-primary-divider-border: $global-border !default;
+$nav-primary-sublist-font-size: $global-medium-font-size !default;
+$nav-primary-sublist-line-height: $global-line-height !default;
 $nav-primary-sublist-item-color: $global-muted-color !default;
 $nav-primary-sublist-item-hover-color: $global-color !default;
 $nav-primary-sublist-item-active-color: $global-emphasis-color !default;
@@ -734,9 +740,10 @@ $inverse-nav-primary-sublist-item-hover-color: $inverse-global-color !default;
 $inverse-nav-primary-sublist-item-active-color: $inverse-global-emphasis-color !default;
 $inverse-nav-dividers-border: $inverse-global-border !default;
 $navbar-background: $global-muted-background !default;
+$navbar-gap: 0px !default;
 $navbar-color-mode: none !default;
+$navbar-nav-gap: 0px !default;
 $navbar-nav-item-height: 80px !default;
-$navbar-nav-item-gap: 0px !default;
 $navbar-nav-item-padding-horizontal: 15px !default;
 $navbar-nav-item-color: $global-muted-color !default;
 $navbar-nav-item-font-size: $global-font-size !default;

package/tests/drop.html

@@ -622,6 +622,12 @@
                             <td>false</td>
                             <td>Use animation when closing the Drop.</td>
                         </tr>
+                        <tr>
+                            <td><code>bg-scroll</code></td>
+                            <td>Boolean</td>
+                            <td>true</td>
+                            <td>Allow background scrolling while drop is opened.</td>
+                        </tr>
                         <tr>
                             <td><code>duration</code></td>
                             <td>Number</td>