21 lines
1.1 KiB
TypeScript
21 lines
1.1 KiB
TypeScript
 
|
/**
|
||
|
|
* The page-level base reset shared by the PUBLISHED/Preview document head
|
||
|
|
* (html-export.ts `wrapInDocument`, mirrored by the backend's
|
||
|
|
* `generateCompiledHTML` in web-files/api/site-builder.php) and the editor
|
||
|
|
* CANVAS (the "canvas = published reset" block in styles/editor.css).
|
||
|
|
*
|
||
|
|
* The declaration strings live here once so the two cannot drift;
|
||
|
|
* css-reset.test.ts asserts html-export's CSS_RESET is byte-identical to the
|
||
|
|
* published head text and that the editor.css block carries every one of
|
||
|
|
* these declarations.
|
||
|
|
*/
|
||
|
|
export const RESET_ALL_DECLS = 'box-sizing:border-box;margin:0;padding:0';
|
||
|
|
export const BODY_BASE_DECLS =
|
||
|
|
"font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#1f2937;-webkit-font-smoothing:antialiased";
|
||
|
|
export const IMG_DECLS = 'max-width:100%;height:auto;display:block';
|
||
|
|
export const LINK_DECLS = 'color:inherit';
|
||
|
|
|
||
|
|
/** Minified published reset (document head). Must stay byte-identical to the backend's `$reset`. */
|
||
|
|
export const CSS_RESET =
|
||
|
|
`*,*::before,*::after{${RESET_ALL_DECLS}}html,body{overflow-x:clip}` +
|
||
|
|
`body{${BODY_BASE_DECLS}}img{${IMG_DECLS}}a{${LINK_DECLS}}`;
|