mailgo
Version:
a new concept of mailto and tel links
1 lines • 9.14 kB
Source Map (JSON)
{"version":3,"sources":["mailgo.css"],"names":[],"mappings":"AAAA;EACE,eAAe;EACf,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,uBAAuB;EACvB,mBAAmB;EACnB,sBAAsB;EACtB,gBAAgB;EAChB,iBAAiB;EACjB,cAAc;AAChB;AACA;;;;EAIE,SAAS;EACT,UAAU;EACV,eAAe;EACf,cAAc;EACd,0JAA0J;EAC1J,kCAAkC;AACpC;AACA;EACE,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,cAAc;EACd,MAAM;EACN,QAAQ;EACR,SAAS;EACT,OAAO;EACP,yBAAyB;EACzB,YAAY;AACd;AACA;EACE,kBAAkB;EAClB,cAAc;EACd,uBAAuB;EACvB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,gBAAgB;EAChB,sBAAsB;EACtB,aAAa;EACb,mBAAmB;EACnB,4CAA4C;EAC5C,sBAAsB;EACtB,cAAc;EACd,aAAa;EACb,sBAAsB;EACtB,cAAc;EACd,aAAa;EACb,2BAA2B;AAC7B;AACA;EACE,UAAU;AACZ;AACA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,kBAAkB;AACpB;AACA;EACE,mBAAmB;AACrB;AACA;EACE,qBAAqB;EACrB,eAAe;EACf,eAAe;EACf,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,qBAAqB;AACvB;AACA;EACE,cAAc;AAChB;AACA;EACE,yCAAyC;EACzC,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,yCAAyC;EACzC,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,wCAAwC;EACxC,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,yCAAyC;EACzC,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,yCAAyC;EACzC,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,yCAAyC;EACzC,cAAc;AAChB;AACA;EACE,kBAAkB;EAClB,eAAe;AACjB;AACA;EACE,qCAAqC;EACrC,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,yCAAyC;EACzC,cAAc;AAChB;AACA;EACE,eAAe;EACf,kBAAkB;EAClB,YAAY;EACZ,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,gBAAgB;AAClB;AACA;EACE,yBAAyB;AAC3B;AACA;EACE,WAAW;AACb;AACA;EACE,cAAc;AAChB;AACA;EACE,2CAA2C;EAC3C,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,2CAA2C;EAC3C,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,0CAA0C;EAC1C,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,2CAA2C;EAC3C,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,0CAA0C;EAC1C,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,0CAA0C;EAC1C,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,0CAA0C;EAC1C,cAAc;AAChB;AACA;EACE,cAAc;AAChB;AACA;EACE,2CAA2C;EAC3C,cAAc;AAChB;AACA;EACE,WAAW;AACb","file":"mailgo.css","sourcesContent":[".m-modal {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n overflow: hidden;\n font-size: 16.5px;\n z-index: 10000;\n}\n.m-modal p,\n.m-modal span,\n.m-modal strong,\n.m-modal a {\n margin: 0;\n padding: 0;\n font-size: 100%;\n line-height: 1;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n text-rendering: optimizeLegibility;\n}\n.m-modal strong {\n font-weight: 700;\n}\n.m-modal .m-modal-back {\n position: absolute;\n z-index: 10001;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: #20232a;\n opacity: 0.8;\n}\n.m-modal .m-modal-content {\n position: relative;\n z-index: 10002;\n box-sizing: content-box;\n text-align: center;\n overflow: hidden;\n min-width: 200px;\n max-width: 240px;\n background-color: #fff;\n opacity: 0.95;\n border-radius: 20px;\n box-shadow: 0 3px 20px rgba(32, 35, 42, 0.5);\n border: 3px solid #333;\n color: #4a4a4a;\n display: flex;\n flex-direction: column;\n overflow: auto;\n padding: 24px;\n transition: 0.5s box-shadow;\n}\n.m-modal .m-modal-content:hover, .m-modal .m-modal-content:focus, .m-modal .m-modal-content:active {\n opacity: 1;\n}\n.m-modal .m-modal-content .m-title {\n margin-bottom: 8px;\n overflow: hidden;\n white-space: pre-line;\n text-overflow: ellipsis;\n line-height: 1.2em;\n}\n.m-modal .m-modal-content .m-details {\n margin-bottom: 10px;\n}\n.m-modal .m-modal-content .m-details p {\n white-space: pre-line;\n font-size: 12px;\n margin-top: 3px;\n margin-bottom: 3px;\n}\n.m-modal .m-modal-content a {\n cursor: pointer;\n padding: 10px;\n color: #4a4a4a;\n border-radius: 20px;\n text-decoration: none;\n}\n.m-modal .m-modal-content a.m-gmail {\n color: #c0372a;\n}\n.m-modal .m-modal-content a.m-gmail:hover, .m-modal .m-modal-content a.m-gmail:focus, .m-modal .m-modal-content a.m-gmail:active {\n background-color: rgba(192, 55, 42, 0.08);\n color: #c0372a;\n}\n.m-modal .m-modal-content a.m-outlook {\n color: #0967aa;\n}\n.m-modal .m-modal-content a.m-outlook:hover, .m-modal .m-modal-content a.m-outlook:focus, .m-modal .m-modal-content a.m-outlook:active {\n background-color: rgba(9, 103, 170, 0.08);\n color: #0967aa;\n}\n.m-modal .m-modal-content a.m-yahoo {\n color: #4a00a0;\n}\n.m-modal .m-modal-content a.m-yahoo:hover, .m-modal .m-modal-content a.m-yahoo:focus, .m-modal .m-modal-content a.m-yahoo:active {\n background-color: rgba(74, 0, 160, 0.08);\n color: #4a00a0;\n}\n.m-modal .m-modal-content a.m-tg {\n color: #086da0;\n}\n.m-modal .m-modal-content a.m-tg:hover, .m-modal .m-modal-content a.m-tg:focus, .m-modal .m-modal-content a.m-tg:active {\n background-color: rgba(8, 109, 160, 0.08);\n color: #086da0;\n}\n.m-modal .m-modal-content a.m-wa {\n color: #067466;\n}\n.m-modal .m-modal-content a.m-wa:hover, .m-modal .m-modal-content a.m-wa:focus, .m-modal .m-modal-content a.m-wa:active {\n background-color: rgba(6, 116, 102, 0.08);\n color: #067466;\n}\n.m-modal .m-modal-content a.m-skype {\n color: #076d92;\n}\n.m-modal .m-modal-content a.m-skype:hover, .m-modal .m-modal-content a.m-skype:focus, .m-modal .m-modal-content a.m-skype:active {\n background-color: rgba(7, 109, 146, 0.08);\n color: #076d92;\n}\n.m-modal .m-modal-content a.m-copy {\n padding: 16px 10px;\n font-size: 16px;\n}\n.m-modal .m-modal-content a.m-default:hover, .m-modal .m-modal-content a.m-default:focus, .m-modal .m-modal-content a.m-default:active, .m-modal .m-modal-content a.m-copy:hover, .m-modal .m-modal-content a.m-copy:focus, .m-modal .m-modal-content a.m-copy:active {\n background-color: rgba(0, 0, 0, 0.08);\n color: #4a4a4a;\n}\n.m-modal .m-modal-content a.m-custom-action {\n color: #0b790b;\n}\n.m-modal .m-modal-content a.m-custom-action:hover, .m-modal .m-modal-content a.m-custom-action:focus, .m-modal .m-modal-content a.m-custom-action:active {\n background-color: rgba(11, 121, 11, 0.08);\n color: #0b790b;\n}\n.m-modal .m-modal-content a.m-by {\n font-size: 12px;\n margin-top: 0.8rem;\n padding: 5px;\n color: #4a4a4a;\n}\n.m-modal .m-modal-content a.m-by:hover, .m-modal .m-modal-content a.m-by:focus, .m-modal .m-modal-content a.m-by:active {\n color: #3d3d3d;\n}\n.m-modal .m-modal-content .w-500 {\n font-weight: 500;\n}\n.m-modal.m-dark .m-modal-content {\n background-color: #20232a;\n}\n.m-modal.m-dark .m-modal-content, .m-modal.m-dark .m-modal-content p, .m-modal.m-dark .m-modal-content p span, .m-modal.m-dark .m-modal-content strong {\n color: #fff;\n}\n.m-modal.m-dark .m-modal-content a {\n color: #eaeaea;\n}\n.m-modal.m-dark .m-modal-content a:not(.m-by):hover, .m-modal.m-dark .m-modal-content a:not(.m-by):focus, .m-modal.m-dark .m-modal-content a:not(.m-by):active {\n background-color: rgba(134, 134, 134, 0.08);\n color: #eaeaea;\n}\n.m-modal.m-dark .m-modal-content a.m-gmail {\n color: #e07d73;\n}\n.m-modal.m-dark .m-modal-content a.m-gmail:hover, .m-modal.m-dark .m-modal-content a.m-gmail:focus, .m-modal.m-dark .m-modal-content a.m-gmail:active {\n background-color: rgba(224, 125, 115, 0.08);\n color: #e07d73;\n}\n.m-modal.m-dark .m-modal-content a.m-outlook {\n color: #4c9cd7;\n}\n.m-modal.m-dark .m-modal-content a.m-outlook:hover, .m-modal.m-dark .m-modal-content a.m-outlook:focus, .m-modal.m-dark .m-modal-content a.m-outlook:active {\n background-color: rgba(76, 156, 215, 0.08);\n color: #4c9cd7;\n}\n.m-modal.m-dark .m-modal-content a.m-yahoo {\n color: #ac88d3;\n}\n.m-modal.m-dark .m-modal-content a.m-yahoo:hover, .m-modal.m-dark .m-modal-content a.m-yahoo:focus, .m-modal.m-dark .m-modal-content a.m-yahoo:active {\n background-color: rgba(172, 136, 211, 0.08);\n color: #ac88d3;\n}\n.m-modal.m-dark .m-modal-content a.m-tg {\n color: #4cabdb;\n}\n.m-modal.m-dark .m-modal-content a.m-tg:hover, .m-modal.m-dark .m-modal-content a.m-tg:focus, .m-modal.m-dark .m-modal-content a.m-tg:active {\n background-color: rgba(76, 171, 219, 0.08);\n color: #4cabdb;\n}\n.m-modal.m-dark .m-modal-content a.m-wa {\n color: #4cd2c0;\n}\n.m-modal.m-dark .m-modal-content a.m-wa:hover, .m-modal.m-dark .m-modal-content a.m-wa:focus, .m-modal.m-dark .m-modal-content a.m-wa:active {\n background-color: rgba(76, 210, 192, 0.08);\n color: #4cd2c0;\n}\n.m-modal.m-dark .m-modal-content a.m-skype {\n color: #4cc7f4;\n}\n.m-modal.m-dark .m-modal-content a.m-skype:hover, .m-modal.m-dark .m-modal-content a.m-skype:focus, .m-modal.m-dark .m-modal-content a.m-skype:active {\n background-color: rgba(76, 199, 244, 0.08);\n color: #4cc7f4;\n}\n.m-modal.m-dark .m-modal-content a.m-custom-action {\n color: #b0ecb0;\n}\n.m-modal.m-dark .m-modal-content a.m-custom-action:hover, .m-modal.m-dark .m-modal-content a.m-custom-action:focus, .m-modal.m-dark .m-modal-content a.m-custom-action:active {\n background-color: rgba(176, 236, 176, 0.08);\n color: #b0ecb0;\n}\n.m-modal.m-dark .m-modal-content a.m-by:hover, .m-modal.m-dark .m-modal-content a.m-by:focus, .m-modal.m-dark .m-modal-content a.m-by:active {\n color: #fff;\n}"]}