gale/styler.tsx
2024-08-02 14:45:14 -04:00

30 lines
552 B
TypeScript

import Gale from "./gale-custom.tsx";
import Render from "preact-render-to-string";
const html = Render(<div className={Gale.Q.lg( Gale.Face.sans, Gale.Q.md(Gale.Pad.large), Gale.Pad.small )}>
hello!
</div>)
const css = Gale.Sheet();
Deno.writeTextFile(
"dump.html",
`<!DOCTYPE html>
<head>
<meta name="viewport" content="width=device-width, initial-s" />
<style>${css}</style>
</head>
<body>
${html}
</body>
</html>`
)
/* idea:
Gale.Table(
[, "md" ], {
Face:["serif", "sans" ],
Pad:["small", "large"]
})
*/