diff --git a/.gitignore b/.gitignore index c7e9422..03f5912 100644 --- a/.gitignore +++ b/.gitignore @@ -87,3 +87,4 @@ dist /static/**/*.json /commits-data.json .DS_Store +/static/tailwind.css diff --git a/layouts-eleventy/default.11ty.js b/layouts-eleventy/default.11ty.js index 502928f..c7c1a9b 100644 --- a/layouts-eleventy/default.11ty.js +++ b/layouts-eleventy/default.11ty.js @@ -71,6 +71,12 @@ class DefaultLayout { content, title = null, }) { + + // Setup inline tailwind + this.usingComponent( 'static/tailwind.css' ) + // Setup inline tailwind + this.usingComponent( 'node_modules/@fontsource/inter/variable.css' ) + return /* html */` @@ -83,10 +89,8 @@ class DefaultLayout { - diff --git a/package.json b/package.json index a4b0c9f..087bde7 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,9 @@ "generate": "npm run clone-readme && npm run build-lists && npm run generate-nuxt && npm run generate-eleventy", "build-lists": "node -r esm build-lists.js", "generate-nuxt": "nuxt generate", - "generate-eleventy": "node -r esm node_modules/.bin/eleventy", + "generate-eleventy": "npm run generate-postcss && node -r esm node_modules/.bin/eleventy --quiet", + "generate-postcss": "ENV=production postcss assets/css/tailwind.css --o static/tailwind.css", + "dev-eleventy": "node -r esm node_modules/.bin/eleventy --quiet --watch --serve", "lint": "eslint --ext .js,.vue --ignore-path .gitignore .", "lint:fix": "eslint --fix --ext .js,.vue --ignore-path .gitignore .", "precommit": "npm run lint", diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..90c2f34 --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,7 @@ +module.exports = { + plugins: { + tailwindcss: { config: './tailwind.config.js' }, + autoprefixer: {}, + cssnano: {}, + } +} diff --git a/tailwind.config.js b/tailwind.config.js index 0eaa5ff..f21b5b2 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,6 +1,6 @@ module.exports = { purge: { - enabled: process.env.NODE_ENV === 'production', + enabled: true,//process.env.NODE_ENV === 'production', content: [ 'components/**/*.vue', 'layouts/**/*.vue',