aggiunto gulp-csso
This commit is contained in:
parent
90927d898b
commit
6bb00abb63
|
@ -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;
|
||||
}
|
|
@ -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;
|
||||
|
|
|
@ -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}
|
File diff suppressed because one or more lines are too long
20
gulpfile.js
20
gulpfile.js
|
@ -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);
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -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"
|
||||
|
|
Loading…
Reference in New Issue