diff --git a/src/_includes/head/css-inline.njk b/src/_includes/head/css-inline.njk index 26e8523..e95e222 100644 --- a/src/_includes/head/css-inline.njk +++ b/src/_includes/head/css-inline.njk @@ -2,11 +2,11 @@ {%- if eleventy.env.runMode === "serve" %} - + {%- else %} - + {%- endif %} {% css "global" %}{% include "css/global.css" %}{% endcss %} diff --git a/src/_includes/partials/card-blog.njk b/src/_includes/partials/card-blog.njk index bd07fe7..9d68caa 100644 --- a/src/_includes/partials/card-blog.njk +++ b/src/_includes/partials/card-blog.njk @@ -18,6 +18,6 @@
{{ item.data.description }}
-{% css "inline" %} +{% css "local" %} {% include "css/custom-card.css" %} {% endcss %} diff --git a/src/_includes/partials/details.njk b/src/_includes/partials/details.njk index f9d7942..1ff09c2 100644 --- a/src/_includes/partials/details.njk +++ b/src/_includes/partials/details.njk @@ -11,7 +11,7 @@ {%- endfor -%} -{% css "inline" %} +{% css "local" %} {% include "css/details.css" %} {% endcss %} diff --git a/src/_includes/partials/gallery.njk b/src/_includes/partials/gallery.njk index 03b3e75..4a78c9a 100644 --- a/src/_includes/partials/gallery.njk +++ b/src/_includes/partials/gallery.njk @@ -9,7 +9,7 @@ {%- endfor -%} - {% css "inline" %} + {% css "local" %} {% include "css/gallery.css" %} {% endcss %} diff --git a/src/_includes/partials/pagination.njk b/src/_includes/partials/pagination.njk index f6b782a..9e6d291 100644 --- a/src/_includes/partials/pagination.njk +++ b/src/_includes/partials/pagination.njk @@ -35,6 +35,6 @@ -{% css "inline" %} +{% css "local" %} {% include "css/pagination.css" %} {% endcss %} diff --git a/src/_layouts/post.njk b/src/_layouts/post.njk index 9cbac9b..1156e4e 100644 --- a/src/_layouts/post.njk +++ b/src/_layouts/post.njk @@ -42,7 +42,7 @@ schema: blog -{%- css "inline" -%} +{%- css "local" -%} {%- include 'css/post.css' -%} {%- include 'css/footnotes.css' -%} {%- endcss -%} diff --git a/src/docs/css.md b/src/docs/css.md index 4172f74..0494fff 100644 --- a/src/docs/css.md +++ b/src/docs/css.md @@ -12,12 +12,12 @@ The CSS system of this starter was invented by Andy Bell. If you want to know ex The main CSS file is now inline in production to improve performance, see `.src/_includes/head/css-inline.njk`. -You can add per-page or component bundles of CSS. Instead of adding your CSS file to the `src/assets/css/global/blocks/` directory, you can place them in `src/assets/css/bundle/`. All CSS files in there will be stored alongside `global.css` in `.src/_includes/css/`. You can now include them in the "inline" bundle only on pages or components where you need them: +You can add per-page or component bundles of CSS. Instead of adding your CSS file to the `src/assets/css/global/blocks/` directory, you can place them in `src/assets/css/bundle/`. All CSS files in there will be stored alongside `global.css` in `.src/_includes/css/`. You can now include them in the "local" bundle only on pages or components where you need them: {% raw %} ```jinja2 -{% css "inline" %} +{% css "local" %} {% include "css/your-stylesheet.css" %} {% endcss %} ``` diff --git a/src/pages/built-with.njk b/src/pages/built-with.njk index 98cfe72..7231059 100644 --- a/src/pages/built-with.njk +++ b/src/pages/built-with.njk @@ -56,6 +56,6 @@ widths: [400, 520] {% svg "divider/soft-bottom", null, "seperator" %} -{% css "inline" %} +{% css "local" %} {% include "css/custom-card.css" %} {% endcss %} diff --git a/src/pages/styleguide.njk b/src/pages/styleguide.njk index 343879c..b865e70 100644 --- a/src/pages/styleguide.njk +++ b/src/pages/styleguide.njk @@ -189,7 +189,7 @@ customGradients: -{%- css "inline" -%} +{%- css "local" -%} {%- include 'css/styleguide.css' -%} {%- include 'css/table.css' -%} {%- endcss -%} diff --git a/src/posts/2022/2022-11-02-markdown.md b/src/posts/2022/2022-11-02-markdown.md index c601ed5..bace3dd 100644 --- a/src/posts/2022/2022-11-02-markdown.md +++ b/src/posts/2022/2022-11-02-markdown.md @@ -138,6 +138,6 @@ Consider that `src` is already prepended in the settings.  -{%- css "inline" -%} +{%- css "local" -%} {%- include 'css/table.css' -%} {%- endcss -%} \ No newline at end of file