wonderfulfrog/lilypad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: add some CSS utilities

Browse source 
Adds some basic CSS utilities for layouts. Uses any css defined by
`src/css/styles.css`, and utilizes the `postcss-import` plugin to
resolve imports into their contents.

The combined final output contains the base style as defined by the
configuration options, as well as some basic utilities.
This commit is contained in:
Devin Haska 2025-05-28 22:14:40 -07:00
parent bd6876490b
commit 879ec1b533
Signed by: wonderfulfrog
SSH key fingerprint: SHA256:ejOGyH9064rJiikox4ykOHLeuUg1f9l8wmJxs+MzNw0
9 changed files with 229 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

17
index.js
View file

@ -6,6 +6,7 @@
*/
import fs from "node:fs";
import postcss from "postcss";
import postcssImport from "postcss-import";
import cssnano from "cssnano";
import colors from "./src/colors.js";
@ -15,16 +16,26 @@ import spacing from "./src/spacing.js";
async function generateCSS() {
const css = `${fontFamily}${fontVariables}${colors}${spacing}`;
const utilitiesCssFile = fs.readFileSync("./src/css/styles.css");
const utilitiesCss = await postcss([postcssImport])
.process(utilitiesCssFile, { from: "src/css/styles.css" })
.then((result) => result.css);
await postcss([cssnano])
.process(css, {
.process(`${css}${utilitiesCss}`, {
from: undefined,
to: "dist/lilypad.css",
})
.then((result) => {
fs.mkdirSync("dist");
if (!fs.existsSync("dist")) {
fs.mkdirSync("dist");
}
fs.writeFileSync("dist/lilypad.css", result.css);
if (result.map) {
fs.writeFile("dest/app.css.map", result.map.toString(), () => true);
fs.writeFile("dist/lilypad.css.map", result.map.toString(), () => true);
}
});
}