inline css

[simpixelated]

https://developer.chrome.com/docs/lighthouse/performance/render-blocking-resources/?utm_source=lighthouse&utm_medium=lr

https://www.11ty.dev/docs/quicktips/inline-css/ https://ajenkins.me/post/pagespeed_with_eleventy/

[simpixelated]

Finding it difficult to inline CSS while using Sass, without having a separate pre-compile step using something like gulp, webpack, etc.

References:

• https://www.11ty.dev/docs/languages/custom/
• https://github.com/higby/eleventy-plugin-inline-sass/blob/main/eleventy.config.js
• https://github.com/henrycatalinismith/11tysass/blob/trunk/11tysass.ts
• https://github.com/gregives/Twelvety/blob/master/utils/shortcodes/stylesheet.js
• https://github.com/postcss/postcss-nested
• maybe use native CSS nesting with PostCSS?
• https://github.com/clean-css/clean-css

[simpixelated]

My change from #115 only worked for the index page, not any sub-pages.