wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

feat: move css builder to styles.11ty.js

Browse source
This commit is contained in:
Devin Haska 2024-02-21 20:45:51 -08:00
parent aba6504193
commit 5ca157c65a
2 changed files with 8 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/_layouts/base.html
View file

@ -17,13 +17,6 @@
href="{{ preload.href }}"
{% if preload.crossorigin %}crossorigin{% endif %} />
{% endfor %}
{% set css %}
{% include "css/colorVariables.njk" %}
{% include "css/fontFace.njk" %}
{% include "css/fontVariables.njk" %}
{% include "css/spacing.njk" %}
{% endset %}
<style>{{ css | minifyCss | safe }}</style>
{% if youtube %}
<!-- youtube, if true in frontmatter -->
<script type="module"

9
src/css/styles.11ty.js
View file

@ -13,15 +13,22 @@ const autoprefixer = require("autoprefixer");
const cssnano = require("cssnano");
const path = require("path").posix;
const colors = require("../css-utils/colors");
const fontFamily = require("../css-utils/font-family");
const fontVariables = require("../css-utils/font-variables");
const spacing = require("../css-utils/spacing");
module.exports = class {
async data() {
const rawFilepath = path.join(__dirname, "./global.css");
const rawCss = fs.readFileSync(rawFilepath);
const css = `${rawCss}${fontFamily}${fontVariables}${colors}${spacing}`;
return {
permalink: `css/styles.css`,
rawFilepath,
rawCss,
rawCss: css,
};
}