gale/styler.tsx

30 lines
552 B
TypeScript
Raw Permalink Normal View History

2024-04-28 22:21:18 -04:00
import Gale from "./gale-custom.tsx";
2024-08-02 14:45:14 -04:00
import Render from "preact-render-to-string";
2024-04-28 18:29:36 -04:00
2024-05-11 23:33:50 -04:00
2024-08-02 14:45:14 -04:00
const html = Render(<div className={Gale.Q.lg( Gale.Face.sans, Gale.Q.md(Gale.Pad.large), Gale.Pad.small )}>
hello!
</div>)
2024-06-07 12:03:46 -04:00
2024-08-02 14:45:14 -04:00
const css = Gale.Sheet();
2024-06-07 12:37:02 -04:00
2024-08-02 14:45:14 -04:00
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"]
})
*/