aggiunto gulp-csso

This commit is contained in:
Matteo Manzinello committed 2019-05-08 13:31:12 +02:00
1 parent 90927d898b
commit 6bb00abb63
7 files changed
+3849 -92

No files matched your search

+89
View File
@@ -0,0 +1,89 @@
.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;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(10, 10, 10, 0.86);
opacity: 0.8;
}
.mailgo-modal {
position: fixed;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
z-index: 100000;
}
.mailgo-modal.is-active {
display: flex;
}
.mailgo-modal-content {
z-index: 1000;
text-align: center;
width: 200px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
color: #4a4a4a;
display: block;
overflow: auto;
padding: 1.25rem;
}
.mailgo-modal-content a {
display: block;
color: #4a4a4a;
border-radius: 4px;
text-decoration: none;
}
.mailgo-modal-content a {
padding: 10px;
}
.mailgo-modal-content a.mailgo-open:hover,
.mailgo-modal-content a.mailgo-copy:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.mailgo-modal-content a.outlook {
color: #0072c6;
}
.mailgo-modal-content a.gmail {
color: #d44638;
}
.mailgo-modal-content a.outlook:hover {
background-color: rgba(0, 114, 198, 0.08);
}
.mailgo-modal-content a.gmail:hover {
background-color: rgba(212, 70, 56, 0.08);
}
.mailgo-modal-content a.mailgo-copy {
padding: 16px 10px;
}
.mailgo-modal-content a.mailgo-by {
display: block;
font-size: 8px;
margin-top: 1rem;
padding: 0px;
font-style: italic;
}
.mailgo-weight-500 {
font-weight: 500;
}
-90
View File
@@ -1,94 +1,4 @@
mailgoInit = () => {
// style di mailgo
const styles = `
.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;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(10,10,10,.86);
opacity: 0.8;
}
.mailgo-modal {
position: fixed;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
overflow: hidden;
z-index: 100000;
}
.mailgo-modal.is-active {
display: flex;
}
.mailgo-modal-content {
z-index: 1000;
text-align: center;
width: 200px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);
color: #4a4a4a;
display: block;
overflow: auto;
padding: 1.25rem;
}
.mailgo-modal-content a {
display: block;
color: #4a4a4a;
border-radius: 4px;
text-decoration: none;
}
.mailgo-modal-content a {
padding: 10px;
}
.mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-copy:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.mailgo-modal-content a.outlook {
color: #0072C6;
}
.mailgo-modal-content a.gmail {
color: #D44638;
}
.mailgo-modal-content a.outlook:hover {
background-color: rgba(0, 114, 198, 0.08);
}
.mailgo-modal-content a.gmail:hover {
background-color: rgba(212, 70, 56, 0.08);
}
.mailgo-modal-content a.mailgo-copy {
padding: 16px 10px;
}
.mailgo-modal-content a.mailgo-by {
display: block;
font-size: 8px;
margin-top: 1rem;
padding: 0px;
font-style: italic;
}
.mailgo-weight-500 {
font-weight: 500;
}`;
const styleSheet = document.createElement("style");
styleSheet.type = "text/css";
styleSheet.innerText = styles;
+1
View File
@@ -0,0 +1 @@
.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;top:0;right:0;bottom:0;left:0;background-color:rgba(10,10,10,.86);opacity:.8}.mailgo-modal{position:fixed;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;z-index:100000}.mailgo-modal.is-active{display:flex}.mailgo-modal-content{z-index:1000;text-align:center;width:200px;background-color:#fff;border-radius:6px;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);color:#4a4a4a;display:block;overflow:auto;padding:1.25rem}.mailgo-modal-content a{display:block;color:#4a4a4a;border-radius:4px;text-decoration:none;padding:10px}.mailgo-modal-content a.mailgo-copy:hover,.mailgo-modal-content a.mailgo-open:hover{background-color:rgba(0,0,0,.08)}.mailgo-modal-content a.outlook{color:#0072c6}.mailgo-modal-content a.gmail{color:#d44638}.mailgo-modal-content a.outlook:hover{background-color:rgba(0,114,198,.08)}.mailgo-modal-content a.gmail:hover{background-color:rgba(212,70,56,.08)}.mailgo-modal-content a.mailgo-copy{padding:16px 10px}.mailgo-modal-content a.mailgo-by{display:block;font-size:8px;margin-top:1rem;padding:0;font-style:italic}.mailgo-weight-500{font-weight:500}
+1 -1
View File
@@ -1 +1 @@
mailgoInit=(()=>{const e=document.createElement("style");e.type="text/css",e.innerText='\n .mailgo-title {\n display: block;\n margin-bottom: 5px;\n }\n .mailgo-details {\n margin-bottom: 10px;\n }\n .mailgo-details p {\n font-size: 12px;\n margin-top: 3px;\n margin-bottom: 3px;\n }\n .mailgo-modal-background {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(10,10,10,.86);\n opacity: 0.8;\n }\n .mailgo-modal {\n position: fixed;\n font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: none;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n overflow: hidden;\n z-index: 100000;\n }\n .mailgo-modal.is-active {\n display: flex;\n }\n .mailgo-modal-content {\n z-index: 1000;\n text-align: center;\n width: 200px;\n background-color: #fff;\n border-radius: 6px;\n box-shadow: 0 2px 3px rgba(10,10,10,.1), 0 0 0 1px rgba(10,10,10,.1);\n color: #4a4a4a;\n display: block;\n overflow: auto;\n padding: 1.25rem;\n }\n .mailgo-modal-content a {\n display: block;\n color: #4a4a4a;\n border-radius: 4px;\n text-decoration: none;\n }\n .mailgo-modal-content a {\n padding: 10px;\n }\n .mailgo-modal-content a.mailgo-open:hover, .mailgo-modal-content a.mailgo-copy:hover {\n background-color: rgba(0, 0, 0, 0.08);\n }\n .mailgo-modal-content a.outlook {\n color: #0072C6;\n }\n .mailgo-modal-content a.gmail {\n color: #D44638;\n }\n .mailgo-modal-content a.outlook:hover {\n background-color: rgba(0, 114, 198, 0.08);\n }\n .mailgo-modal-content a.gmail:hover {\n background-color: rgba(212, 70, 56, 0.08);\n }\n .mailgo-modal-content a.mailgo-copy {\n padding: 16px 10px;\n }\n .mailgo-modal-content a.mailgo-by {\n display: block;\n font-size: 8px;\n margin-top: 1rem;\n padding: 0px;\n font-style: italic;\n }\n .mailgo-weight-500 {\n font-weight: 500;\n }',document.head.appendChild(e),document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo), a[href="#mailgo"], a.mailgo').forEach((e,t)=>{let n="",a="",o="",l="",d="",i="";if(e.href&&e.href.includes("mailto:")){n=e.href.split("?")[0].split("mailto:")[1].trim(),a=e.href,url=new URL(a);let t=new URLSearchParams(url.search);o=t.get("cc"),l=t.get("bcc"),d=t.get("subject"),i=t.get("body")}else a="mailto:"+(n=e.getAttribute("data-address")+"@"+e.getAttribute("data-domain")),url=new URL(a);if(!validateEmail(n))return;let c=document.createElement("div");c.classList.add("mailgo-modal"),c.setAttribute("data-index",t);let m=document.createElement("div");m.className="mailgo-modal-background",c.appendChild(m);let p=document.createElement("div");p.className="mailgo-modal-content",c.appendChild(p);let r=document.createElement("strong");r.className="mailgo-title";let s=document.createTextNode(n);r.appendChild(s),p.appendChild(r);let g=document.createElement("div");if(g.className="mailgo-details",o&&""!=o){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+o);e.appendChild(t),e.appendChild(a),g.appendChild(e)}if(l&&""!=l){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("bcc");t.appendChild(n);let a=document.createTextNode(": "+l);e.appendChild(t),e.appendChild(a),g.appendChild(e)}if(d&&""!=d){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+d);e.appendChild(t),e.appendChild(a),g.appendChild(e)}if(i&&""!=i){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let n=document.createTextNode("cc");t.appendChild(n);let a=document.createTextNode(": "+i);e.appendChild(t),e.appendChild(a),g.appendChild(e)}p.appendChild(g);let u=document.createElement("a");u.href="https://mail.google.com/mail?extsrc=mailto&url="+a,u.classList.add("mailgo-open"),u.classList.add("gmail");let h=document.createTextNode("open in ");u.appendChild(h);let x=document.createElement("span");x.className="mailgo-weight-500";let b=document.createTextNode("Gmail");x.appendChild(b),u.appendChild(x),p.appendChild(u);let C=document.createElement("a");C.href="https://outlook.office.com/owa/?rru=compose&to="+n+url.search,C.classList.add("mailgo-open"),C.classList.add("outlook");let f=document.createTextNode("open in ");C.appendChild(f);let y=document.createElement(Line truncated
mailgoInit=(()=>{const e=document.createElement("style");e.type="text/css",e.innerText=styles,document.head.appendChild(e),document.querySelectorAll('a[href^="mailto:"]:not(.no-mailgo), a[href="#mailgo"], a.mailgo').forEach((e,t)=>{let a="",l="",d="",n="",o="",c="";if(e.href&&e.href.includes("mailto:")){a=e.href.split("?")[0].split("mailto:")[1].trim(),l=e.href,url=new URL(l);let t=new URLSearchParams(url.search);d=t.get("cc"),n=t.get("bcc"),o=t.get("subject"),c=t.get("body")}else l="mailto:"+(a=e.getAttribute("data-address")+"@"+e.getAttribute("data-domain")),url=new URL(l);if(!validateEmail(a))return;let i=document.createElement("div");i.classList.add("mailgo-modal"),i.setAttribute("data-index",t);let m=document.createElement("div");m.className="mailgo-modal-background",i.appendChild(m);let p=document.createElement("div");p.className="mailgo-modal-content",i.appendChild(p);let s=document.createElement("strong");s.className="mailgo-title";let r=document.createTextNode(a);s.appendChild(r),p.appendChild(s);let u=document.createElement("div");if(u.className="mailgo-details",d&&""!=d){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let a=document.createTextNode("cc");t.appendChild(a);let l=document.createTextNode(": "+d);e.appendChild(t),e.appendChild(l),u.appendChild(e)}if(n&&""!=n){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let a=document.createTextNode("bcc");t.appendChild(a);let l=document.createTextNode(": "+n);e.appendChild(t),e.appendChild(l),u.appendChild(e)}if(o&&""!=o){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let a=document.createTextNode("cc");t.appendChild(a);let l=document.createTextNode(": "+o);e.appendChild(t),e.appendChild(l),u.appendChild(e)}if(c&&""!=c){let e=document.createElement("p"),t=document.createElement("span");t.className="mailgo-weight-500";let a=document.createTextNode("cc");t.appendChild(a);let l=document.createTextNode(": "+c);e.appendChild(t),e.appendChild(l),u.appendChild(e)}p.appendChild(u);let h=document.createElement("a");h.href="https://mail.google.com/mail?extsrc=mailto&url="+l,h.classList.add("mailgo-open"),h.classList.add("gmail");let g=document.createTextNode("open in ");h.appendChild(g);let C=document.createElement("span");C.className="mailgo-weight-500";let E=document.createTextNode("Gmail");C.appendChild(E),h.appendChild(C),p.appendChild(h);let N=document.createElement("a");N.href="https://outlook.office.com/owa/?rru=compose&to="+a+url.search,N.classList.add("mailgo-open"),N.classList.add("outlook");let x=document.createTextNode("open in ");N.appendChild(x);let f=document.createElement("span");f.className="mailgo-weight-500";let T=document.createTextNode("Outlook");f.appendChild(T),N.appendChild(f),p.appendChild(N);let L=document.createElement("a");L.href=l,L.classList.add("mailgo-open"),L.classList.add("mailgo-weight-500");let b=document.createTextNode("open");L.appendChild(b),p.appendChild(L);let y=document.createElement("a");y.href="#mailgo-copy",y.classList.add("mailgo-copy"),y.classList.add("mailgo-weight-500");let v=document.createTextNode("copy");y.appendChild(v),y.addEventListener("click",e=>{copyToClipboard(a),y.innerHTML="copied";setTimeout(()=>{y.innerHTML="copy"},999)},!1),p.appendChild(y);let w=document.createElement("a");w.href="https://mailgo.js.org",w.className="mailgo-by",w.target="_blank";let A=document.createTextNode("mailgo.js.org");w.appendChild(A),p.appendChild(w),e.parentNode.insertBefore(i,e.nextSibling),e.addEventListener("click",t=>{t.preventDefault(),e.nextElementSibling.classList.add("is-active")},!1),m.addEventListener("click",t=>{e.nextElementSibling.classList.remove("is-active")},!1)})}),document.addEventListener("DOMContentLoaded",mailgoInit,!1),validateEmail=(e=>{return/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)}),copyToClipboard=(e=>{const t=document.createElement("textarea");t.value=e,t.setAttribute("readonly",""),t.style.position="absolute",t.style.left="-9999px",document.body.appendChild(t);const a=document.getSelection().rangeCount>0&&document.getSelection().getRangeAt(0);t.select(),document.execCommand("copy"),document.body.removeChild(t),a&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(a))});
+19 -1
View File
@@ -3,6 +3,7 @@ const { src, dest, parallel } = require("gulp");
const uglify = require("gulp-uglify");
const terser = require("gulp-terser");
const rename = require("gulp-rename");
const csso = require("gulp-csso");
function js() {
return src("src/*.js").pipe(dest("dist"));
@@ -19,7 +20,24 @@ function jsmin() {
.pipe(dest("dist"));
}
function css() {
return src("src/*.css").pipe(dest("dist"));
}
function cssmin() {
return src("src/*.css")
.pipe(csso())
.pipe(
rename({
suffix: ".min"
})
)
.pipe(dest("dist"));
}
exports.js = js;
exports.jsmin = jsmin;
exports.css = css;
exports.cssmin = cssmin;
exports.default = parallel(js, jsmin);
exports.default = parallel(js, jsmin, css, cssmin);
+3738
View File
File diff suppressed because it is too large. Load diff
+1
View File
@@ -20,6 +20,7 @@
"homepage": "https://mailgo.js.org",
"devDependencies": {
"gulp": "^4.0.2",
"gulp-csso": "^3.0.1",
"gulp-rename": "^1.4.0",
"gulp-terser": "^1.1.7",
"gulp-uglify": "^3.0.2"