msc-any-pip - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

mjs/wc-msc-any-pip.js

		@@ -38,2 +38,3 @@ import { _wcl } from './common-lib.js';
		--btn-icon-color: rgba(255 255 255);
		--btn-z-index: var(--msc-any-pip-button-z-index, 1);
		}
		@@ -58,3 +59,3 @@
		.main{position:relative;inline-size:100%;outline:0 none;}
		.btn-pip{position:absolute;inset-inline-end:8px;inset-block-start:8px;inline-size:var(--btn-size);aspect-ratio:1/1;font-size:0;color:transparent;background:var(--btn-background-color);border-radius:var(--btn-size);padding:0;margin:0;appearance:none;border:0 none;box-shadow:none;display:grid;place-content:center;outline:0 none;overflow:hidden;scale:var(--btn-scale);transition:background-color 200ms ease-in-out,scale 150ms linear;}
		.btn-pip{position:absolute;inset-inline-end:8px;inset-block-start:8px;inline-size:var(--btn-size);aspect-ratio:1/1;font-size:0;color:transparent;background:var(--btn-background-color);border-radius:var(--btn-size);padding:0;margin:0;appearance:none;border:0 none;box-shadow:none;display:grid;place-content:center;outline:0 none;overflow:hidden;scale:var(--btn-scale);transition:background-color 200ms ease-in-out,scale 150ms linear;z-index:var(--btn-z-index);}
		.btn-pip::before{content:'';inline-size:24px;aspect-ratio:1/1;background-color:var(--btn-icon-color);display:block;clip-path:var(--icon-pip);}
		@@ -61,0 +62,0 @@ .btn-pip:active{scale:.8;transition-duration:0ms;}

package.json

		{
		"name": "msc-any-pip",
		"version": "1.0.4",
		"version": "1.0.5",
		"description": "Imaging what if we can let anything Picture-in-Picture (not only <video />) ?! Here comes <msc-any-pip /> to let it dream comes true. <msc-any-pip /> apply Document Picture-in-Picture API to given elements have Picture-in-Picture feature.",
		@@ -5,0 +5,0 @@ "main": "index.html",

README.md

		@@ -96,2 +96,3 @@ # msc-any-pip
		--msc-any-pip-piping-font-size: 16px;
		--msc-any-pip-button-z-index: 1;
		}
		@@ -98,0 +99,0 @@ </style>

New alerts