Remove critical CSS, update package.json

Author: replete

README.md

@@ -14,7 +14,6 @@ I didn't like sending 100KB+ for a simple cookie consent solution so I wrote thi
 - Simple flat configuration object
 - Injects scripts when granular consent is granted (`<script data-consent="analytics" type="text/plain" src="..."></script>`)
 - Injects embedded `<script>` from script tags with `src` properties on onload (tidier markup)
-- Works without CSS (thanks to `<dialog>` and `<details>`)
 - Mobile-first
 - Browser support: >= 2% browserlist (No IE support, but its not impossible)
   - Written with latest CSS / JS features and targetted to >= 2% using browserlist

biscuitman.css

@@ -3,13 +3,14 @@
 	https://github.com/replete/biscuitman
 
 	This stylesheet is the source stylesheet
-	and is processed to un-nested native CSS nesting
-	and include vendor
+	Use a version in /dist/ for improved compatibility
 */.biscuitman {
 	--t: #444;
 	--b: #fff;
 	--c: #105d89;
 
+	position:fixed;
+	bottom:0;
 	width:100%;
 	padding:20px;
 	background:var(--b);

biscuitman.js

@@ -49,7 +49,6 @@
 
 	function render() {
 		ui.classList.add(bm)
-		ui.style = 'position:fixed;background:#fff;bottom:0' // critical CSS
 		ui.innerHTML = `
 <article>
 	<b>${o.title}</b>

dist/biscuitman.css

@@ -8,6 +8,8 @@
   width: 100%;
   padding: 20px;
   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
+  position: fixed;
+  bottom: 0;
   box-shadow: 0 -2px 10px #00000029;
 }
 

dist/biscuitman.js

@@ -29,8 +29,6 @@
     let dialog;
     function render() {
         ui.classList.add(bm);
-        ui.style = 'position:fixed;background:#fff;bottom:0' // critical CSS
-        ;
         ui.innerHTML = `
 <article>
 	<b>${o.title}</b>