hiding-header - npm Package Compare versions

Comparing version 0.3.4 to 0.4.0

package.json

 {
 	"name": "hiding-header",
-	"version": "0.3.4",
+	"version": "0.4.0",
 	"description": "Toggles header visibility on scroll.",
@@ -34,2 +34,3 @@ "main": "./dist/index.js",
 		"rollup": "^2.33.1",
+		"rollup-plugin-copy": "^3.3.0",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
@@ -36,0 +37,0 @@ "rollup-plugin-typescript2": "^0.29.0",

README.md

@@ -32,26 +32,4 @@ # Hiding Header [![npm](https://img.shields.io/npm/v/hiding-header.svg)](https://www.npmjs.com/package/hiding-header) [![Dependencies](https://img.shields.io/david/FilipChalupa/hiding-header.svg)](https://www.npmjs.com/package/hiding-header?activeTab=dependencies) ![npm type definitions](https://img.shields.io/npm/types/hiding-header.svg)
 
-```css
-.hidingHeader {
-	position: relative;
-	--hidingHeader-height: auto;
-	--hidingHeader-bounds-height: auto;
-	--hidingHeader-animation-offset: 0px;
-	z-index: 10;
-	height: var(--hidingHeader-bounds-height);
-	margin-bottom: calc(
-		var(--hidingHeader-height) - var(--hidingHeader-bounds-height)
-	);
-	pointer-events: none;
-}
+Import `dist/style.css` to your CSS. It's few lines of code. You can alternatively copy paste it and adjust things like `z-index` to your needs.
 
-.hidingHeader-in {
-	position: relative;
-	position: sticky;
-	top: 0;
-	pointer-events: auto;
-	transition: transform 0.2s;
-	transform: translateY(var(--hidingHeader-animation-offset));
-}
-```
-
 ### JavaScript:
@@ -58,0 +36,0 @@

No alert changes

Improved metrics

Total package byte prevSize

30255

increased by0.56%

Number of package files

9

increased by12.5%

Lines of code

274

increased by7.87%

Worsened metrics

Dev dependency count

8

increased by14.29%

Number of lines in readme file

73

decreased by-23.16%

No dependency changes