uikit 3.9.3-dev.5bb6fc46c → 3.9.4

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.9.3-dev.5bb6fc46c",
+  "version": "3.9.4",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -20,7 +20,7 @@
     "prefix": "node build/prefix",
     "scope": "node build/scope",
     "release": "node build/release",
-    "watch-less": "watch-run -i -p 'src/less/**/*.less' yarn compile-less",
+    "watch": "watch-run -i -p 'src/less/**/*.less' yarn compile-less",
     "eslint": "eslint src/js",
     "eslint-fix": "eslint --fix src/js"
   },
@@ -38,9 +38,10 @@
     "@rollup/plugin-buble": "^0.21.3",
     "@rollup/plugin-replace": "^3.0.0",
     "archiver": "^5.3.0",
-    "camelcase": "^6.2.0",
+    "camelcase": "^6.2.1",
     "clean-css": "^5.2.2",
     "dateformat": "^5.0.2",
+    "esbuild": "^0.13.14",
     "eslint": "^8.2.0",
     "fs-extra": "^10.0.0",
     "glob": "^7.2.0",
@@ -48,17 +49,16 @@
     "less": "^4.1.2",
     "minimist": "^1.2.5",
     "number-precision": "^1.5.1",
+    "p-limit": "^4.0.0",
     "postcss": "^8.3.11",
-    "rollup": "^2.59.0",
+    "prettier": "^2.4.1",
+    "rollup": "^2.60.0",
+    "rollup-plugin-esbuild": "^4.7.1",
     "rollup-plugin-html": "^0.2.1",
     "rollup-plugin-modify": "^3.0.0",
-    "rollup-plugin-uglify": "^6.0.4",
     "rtlcss": "^3.5.0",
     "semver": "^7.3.2",
     "svgo": "^2.8.0",
     "watch-run": "^1.2.5"
-  },
-  "resolutions": {
-    "serialize-javascript": "^6.0.0"
   }
 }

package/src/js/core/sticky.js

@@ -146,9 +146,10 @@ export default {
 
                 height = !this.isActive ? this.$el.offsetHeight : height;
 
-                this.topOffset = offset(this.isFixed ? this.placeholder : this.$el).top;
+                const referenceElement = this.isFixed ? this.placeholder : this.$el;
+                this.topOffset = offset(referenceElement).top;
                 this.bottomOffset = this.topOffset + height;
-                this.offsetParentTop = offset(this.$el.offsetParent).top;
+                this.offsetParentTop = offset(referenceElement.offsetParent).top;
 
                 const bottom = parseProp('bottom', this);
 

package/src/less/components/utility.less

@@ -380,6 +380,8 @@
     .hook-logo-hover();
 }
 
+.uk-logo > :where(img, svg, video) { display: block; }
+
 .uk-logo-inverse { display: none; }
 
 
@@ -491,7 +493,7 @@
     }
 
     .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; }
-    .uk-logo-inverse { display: inline; }
+    .uk-logo-inverse { display: block; }
 
 }
 

package/src/scss/components/utility.scss

@@ -380,6 +380,8 @@ $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: block; }
+
 .uk-logo-inverse { display: none; }
 
 

package/src/scss/mixins-theme.scss

@@ -1559,7 +1559,7 @@
     }
 
     .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; }
-    .uk-logo-inverse { display: inline; }
+    .uk-logo-inverse { display: block; }
 
 }
 @mixin hook-inverse(){

package/src/scss/mixins.scss

@@ -1313,7 +1313,7 @@
     }
 
     .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { display: none; }
-    .uk-logo-inverse { display: inline; }
+    .uk-logo-inverse { display: block; }
 
 }
 @mixin hook-inverse(){

package/tests/comment.html

@@ -19,7 +19,7 @@
                 <ul class="uk-comment-list">
                     <li>
                         <article class="uk-comment">
-                            <header class="uk-comment-header"">
+                            <header class="uk-comment-header">
                                 <div class="uk-grid-medium uk-flex-middle" uk-grid>
                                     <div class="uk-width-auto">
                                         <img class="uk-comment-avatar" src="images/avatar.jpg" width="50" alt="">