notion-page-to-html
Version:
It converts public notion pages to html from url
5 lines • 4.58 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.STYLE = void 0;
exports.STYLE = "<style>\nhtml {\n -webkit-print-color-adjust: exact;\n}\n\n* {\n box-sizing: border-box;\n -webkit-print-color-adjust: exact;\n}\n\nhtml,\nbody {\n margin: 0;\n padding: 0;\n font-family: system-ui, sans-serif;\n color: #37352F;\n}\n\nbody {\n line-height: 1.5;\n}\n\n@media only screen {\n body {\n margin: 2em auto;\n max-width: 900px;\n color: rgb(55, 53, 47);\n }\n}\n\nimg {\n max-width: 100%;\n max-height: 70vh;\n}\n\nol,\nul {\n margin: 0;\n margin-block-start: 0.6em;\n margin-block-end: 0.6em;\n}\n\nli > ol:first-child,\nli > ul:first-child {\n margin-block-start: 0.6em;\n}\n\nul > li {\n list-style: disc;\n}\n\nul.to-do-list {\n text-indent: -1.7em;\n}\n\nul.to-do-list > li {\n list-style: none;\n}\n\n.to-do-children-checked {\n text-decoration: line-through;\n opacity: 0.375;\n}\n\nul.toggle > li {\n list-style: none;\n}\n\nul {\n padding-inline-start: 1.7em;\n}\n\nul > li {\n padding-left: 0.1em;\n}\n\nol {\n padding-inline-start: 1.6em;\n}\n\nol > li {\n padding-left: 0.2em;\n}\n\n.mono ol {\n padding-inline-start: 2em;\n}\n\n.mono ol > li {\n text-indent: -0.4em;\n}\n\n.toggle {\n padding-inline-start: 0em;\n list-style-type: none;\n}\n\n/* Indent toggle children */\n.toggle > li > details {\n padding-left: 1.7em;\n}\n\n.toggle > li > details > summary {\n margin-left: -1.1em;\n}\n\nh1,\nh2,\nh3 {\n letter-spacing: -0.01em;\n line-height: 1.2;\n font-weight: 600;\n margin-bottom: 0;\n}\n\n.page-title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-top: 0;\n margin-bottom: 0.75em;\n}\n\n.icon {\n display: inline-block;\n max-width: 1.2em;\n max-height: 1.2em;\n text-decoration: none;\n vertical-align: text-bottom;\n margin-right: 0.5em;\n}\n\nimg.icon {\n border-radius: 3px;\n}\n\n.page-cover-image {\n display: block;\n object-fit: cover;\n width: 100%;\n height: 30vh;\n}\n\n.page-header-icon {\n font-size: 3rem;\n margin-bottom: 1rem;\n}\n\n.page-header-icon-with-cover {\n margin-top: -0.72em;\n margin-left: 0.07em;\n}\n\n.page-header-icon img {\n border-radius: 3px;\n}\n\nblockquote {\n font-size: 1.25em;\n margin: 1em 0;\n padding-left: 1em;\n border-left: 3px solid rgb(55, 53, 47);\n} \n\nh1 {\n font-size: 1.875rem;\n margin-top: 1.875rem;\n}\n\nh2 {\n font-size: 1.5rem;\n margin-top: 1.5rem;\n}\n\nh3 {\n font-size: 1.25rem;\n margin-top: 1.25rem;\n}\n\n.callout {\n padding: 16px 16px 16px 12px;\n display: flex;\n width: 100%;\n border-radius: 3px;\n border-width: 1px;\n border-style: solid;\n border-color: transparent;\n align-items: center;\n justify-content: center;\n}\n\n.callout-emoji {\n height: 21.6px;\n width: 21.6px;\n font-size: 21.6px;\n line-height: 1.1;\n margin-left: 0px;\n}\n\n.callout p {\n max-width: 100%;\n width: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n margin-left: 10px;\n}\n\n.image {\n border: none;\n margin: 1.5em 0;\n padding: 0;\n border-radius: 0;\n text-align: center;\n}\n\nfigure {\n margin: 1.25em 0;\n page-break-inside: avoid;\n}\n\nfigcaption {\n opacity: 0.5;\n font-size: 85%;\n margin-top: 0.5em;\n}\n\nhr {\n background: transparent;\n display: block;\n width: 100%;\n height: 1px;\n visibility: visible;\n border: none;\n border-bottom: 1px solid rgba(55, 53, 47, 0.09);\n}\n\n.checkbox {\n display: inline-flex;\n vertical-align: text-bottom;\n width: 16px;\n height: 16px;\n background-size: 16px;\n margin-left: 2px;\n margin-right: 5px;\n}\n\n.checkbox-on {\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22%2358A9D7%22%2F%3E%0A%3Cpath%20d%3D%22M6.71429%2012.2852L14%204.9995L12.7143%203.71436L6.71429%209.71378L3.28571%206.2831L2%207.57092L6.71429%2012.2852Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E\");\n}\n\n.checkbox-off {\n background-image: url(\"data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%220.75%22%20y%3D%220.75%22%20width%3D%2214.5%22%20height%3D%2214.5%22%20fill%3D%22white%22%20stroke%3D%22%2336352F%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E\");\n}\n</style>";
//# sourceMappingURL=styles.js.map