diff --git a/dist/mailgo.css b/dist/mailgo.css index d46fca4..16f8f27 100644 --- a/dist/mailgo.css +++ b/dist/mailgo.css @@ -16,7 +16,6 @@ .mailgo-modal { position: fixed; - box-sizing: content-box; top: 0; right: 0; bottom: 0; @@ -55,23 +54,28 @@ right: 0; bottom: 0; left: 0; - background-color: rgba(10, 10, 10, 0.86); + background-color: rgba(10, 10, 10, 0.75); opacity: 0.8; } .mailgo-modal-content { z-index: 1000; + box-sizing: content-box; 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); + box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.39); color: #4a4a4a; display: block; overflow: auto; padding: 1.25rem; } +.mailgo-modal-content:hover { + box-shadow: 0 6px 20px rgba(10, 10, 10, 0.23); +} + .mailgo-modal-content a { display: block; color: #4a4a4a; diff --git a/dist/mailgo.min.css b/dist/mailgo.min.css index bf06376..c5d55ef 100644 --- a/dist/mailgo.min.css +++ b/dist/mailgo.min.css @@ -1 +1 @@ -.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;box-sizing:content-box;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;z-index:100000;font-size:15px}.mailgo-modal.is-active{display:flex}.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-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} \ No newline at end of file +.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;display:none;justify-content:center;align-items:center;flex-direction:column;overflow:hidden;z-index:100000;font-size:15px}.mailgo-modal.is-active{display:flex}.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,.75);opacity:.8}.mailgo-modal-content{z-index:1000;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;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} \ No newline at end of file diff --git a/src/mailgo.css b/src/mailgo.css index d46fca4..16f8f27 100644 --- a/src/mailgo.css +++ b/src/mailgo.css @@ -16,7 +16,6 @@ .mailgo-modal { position: fixed; - box-sizing: content-box; top: 0; right: 0; bottom: 0; @@ -55,23 +54,28 @@ right: 0; bottom: 0; left: 0; - background-color: rgba(10, 10, 10, 0.86); + background-color: rgba(10, 10, 10, 0.75); opacity: 0.8; } .mailgo-modal-content { z-index: 1000; + box-sizing: content-box; 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); + box-shadow: 0 2px 6px 0 rgba(10, 10, 10, 0.39); color: #4a4a4a; display: block; overflow: auto; padding: 1.25rem; } +.mailgo-modal-content:hover { + box-shadow: 0 6px 20px rgba(10, 10, 10, 0.23); +} + .mailgo-modal-content a { display: block; color: #4a4a4a;