From 080f490a9d9b345b0cf4323dcf7958bf9c54d6bd Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Tue, 22 Oct 2024 09:19:10 +0200
Subject: [PATCH] consistently use bundle css, external for dev, inlined for
 production

---
 src/_config/plugins/css-config.js | 3 +--
 src/_includes/head/css-inline.njk | 5 ++---
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/_config/plugins/css-config.js b/src/_config/plugins/css-config.js
index 1c186ec..cef29ff 100644
--- a/src/_config/plugins/css-config.js
+++ b/src/_config/plugins/css-config.js
@@ -15,8 +15,7 @@ export const cssConfig = eleventyConfig => {
     compile: async (inputContent, inputPath) => {
       const paths = [];
       if (inputPath.endsWith('/src/assets/css/global/global.css')) {
-        paths.push('dist/assets/css/global.css');
-        paths.push('src/_includes/css/global.css'); // Assuming you might want to keep naming consistent for ease
+        paths.push('src/_includes/css/global.css');
       } else if (inputPath.includes('/src/assets/css/bundle/')) {
         const baseName = path.basename(inputPath);
         paths.push(`src/_includes/css/${baseName}`);
diff --git a/src/_includes/head/css-inline.njk b/src/_includes/head/css-inline.njk
index f4a222d..26e8523 100644
--- a/src/_includes/head/css-inline.njk
+++ b/src/_includes/head/css-inline.njk
@@ -2,12 +2,11 @@
 	{%- if eleventy.env.runMode === "serve" %}
 		<!-- External CSS for local dev (refresh without page reload) -->
 		<link rel="stylesheet" href="{% getBundleFileUrl "css", "global" %}">
+		<link rel="stylesheet" href="{% getBundleFileUrl "css", "inline" %}">
 	{%- else  %}
 		<!-- Inlined CSS (fastest site performance in production)  -->
 		<style>{% getBundle "css", "global" %}</style>
+		<style>{% getBundle "css", "inline" %}</style>
 	{%- endif %}
 
 	{% css "global" %}{% include "css/global.css" %}{% endcss %}
-
-	<!-- opt-in for inlined CSS  -->
-	<style>{% getBundle "css", "inline" %}</style>