css is now completely in the script (no more external css!)

dist/mailgo.js

@@ -3,10 +3,10 @@
 var V = "0.4.10";
 var MAILTO = "mailto:"; // mailgo style
 
-var mailgoCSS = document.createElement("link");
+var mailgoCSS = document.createElement("style");
-mailgoCSS.rel = "stylesheet";
 mailgoCSS.type = "text/css";
-mailgoCSS.href = "https://unpkg.com/mailgo@" + V + "/dist/mailgo.min.css";
+mailgoCSSContent = document.createTextNode(".mailgo-modal a,.mailgo-modal p,.mailgo-modal span,.mailgo-modal strong{margin:0;padding:0;font-size:100%;line-height:1;font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\"}.mailgo-modal strong{font-weight:700}.mailgo-modal{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;font-size:15px;z-index:10000}.mailgo-title{display:block;margin-bottom:5px}.mailgo-details{margin-bottom:10px}.mailgo-details p{font-size:12px;margin-top:3px;margin-bottom:3px}.mailgo-modal-background{position:absolute;z-index:10001;top:0;right:0;bottom:0;left:0;background-color:rgba(10,10,10,.75);opacity:.8}.mailgo-modal-content{position:relative;z-index:10002;box-sizing:content-box;text-align:center;width:200px;background-color:#fff;border-radius:6px;box-shadow:0 2px 6px 0 rgba(10,10,10,.39);color:#4a4a4a;display:block;overflow:auto;padding:1.25rem}.mailgo-modal-content:hover{box-shadow:0 6px 20px rgba(10,10,10,.23)}.mailgo-modal-content a{display:block;padding:10px;color:#4a4a4a;border-radius:4px;text-decoration:none}.mailgo-modal-content a.mailgo-gmail{color:#d44638}.mailgo-modal-content a.mailgo-outlook{color:#0072c6}.mailgo-modal-content a.mailgo-copy{padding:16px 10px;font-size:16px}.mailgo-modal-content a.mailgo-copy:hover,.mailgo-modal-content a.mailgo-default:hover{background-color:rgba(0,0,0,.08);color:#4a4a4a}.mailgo-modal-content a.mailgo-outlook:hover{background-color:rgba(0,114,198,.08);color:#0072c6}.mailgo-modal-content a.mailgo-gmail:hover{background-color:rgba(212,70,56,.08);color:#d44638}.mailgo-modal-content a.mailgo-by{display:block;font-size:8px;margin-top:1rem;padding:0;color:#4a4a4a;opacity:.5}.mailgo-modal-content a.mailgo-by:hover{opacity:1}.mailgo-weight-500{font-weight:500}");
+mailgoCSS.appendChild(mailgoCSSContent);
 document.head.appendChild(mailgoCSS);
 /**
  * mailgoInit

gulpfile.js

@@ -1,34 +1,16 @@
-const { src, dest, parallel } = require("gulp");
+const { src, dest, parallel, series } = require("gulp");
 
 const rename = require("gulp-rename");
 const csso = require("gulp-csso");
 const replace = require("gulp-replace");
 const uglify = require("gulp-uglify");
 
+const fs = require("fs");
+
 const babel = require("gulp-babel");
 
 let version = require("./package.json").version;
 
-function js() {
-  return src("src/*.js")
-    .pipe(replace("MAILGO_VERSION", version))
-    .pipe(babel())
-    .pipe(dest("dist"));
-}
-
-function jsmin() {
-  return src("src/*.js")
-    .pipe(replace("MAILGO_VERSION", version))
-    .pipe(babel())
-    .pipe(uglify())
-    .pipe(
-      rename({
-        suffix: ".min"
-      })
-    )
-    .pipe(dest("dist"));
-}
-
 function css() {
   return src("src/*.css").pipe(dest("dist"));
 }
@@ -44,9 +26,33 @@ function cssmin() {
     .pipe(dest("dist"));
 }
 
+function js() {
+  let cssContent = fs.readFileSync("dist/mailgo.min.css", "utf8");
+  return src("src/*.js")
+    .pipe(replace("MAILGO_VERSION", version))
+    .pipe(replace("MAILGO_STYLE", cssContent))
+    .pipe(babel())
+    .pipe(dest("dist"));
+}
+
+function jsmin() {
+  let cssContent = fs.readFileSync("dist/mailgo.min.css", "utf8");
+  return src("src/*.js")
+    .pipe(replace("MAILGO_VERSION", version))
+    .pipe(replace("MAILGO_STYLE", cssContent))
+    .pipe(babel())
+    .pipe(uglify())
+    .pipe(
+      rename({
+        suffix: ".min"
+      })
+    )
+    .pipe(dest("dist"));
+}
+
 exports.js = js;
 exports.jsmin = jsmin;
 exports.css = css;
 exports.cssmin = cssmin;
 
-exports.default = parallel(js, jsmin, css, cssmin);
+exports.default = series(parallel(css, cssmin), parallel(js, jsmin));

src/mailgo.js

@@ -4,7 +4,8 @@ const MAILTO = "mailto:";
 // mailgo style
 const mailgoCSS = document.createElement("style");
 mailgoCSS.type = "text/css";
-mailgoCSS.appendChild("MAILGO_STYLE");
+mailgoCSSContent = document.createTextNode(`MAILGO_STYLE`);
+mailgoCSS.appendChild(mailgoCSSContent);
 document.head.appendChild(mailgoCSS);
 
 /**