rename bundle: inline --> local

This commit is contained in:
madrilene 2025-01-11 10:29:40 +01:00
parent dac4da45e1
commit 612a30434d
11 changed files with 13 additions and 13 deletions

View file

@ -2,11 +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" %}">
<link rel="stylesheet" href="{% getBundleFileUrl "css", "local" %}">
{%- else %}
<!-- Inlined CSS (fastest site performance in production) -->
<style>{% getBundle "css", "global" %}</style>
<style>{% getBundle "css", "inline" %}</style>
<style>{% getBundle "css", "local" %}</style>
{%- endif %}
{% css "global" %}{% include "css/global.css" %}{% endcss %}

View file

@ -18,6 +18,6 @@
<div slot="content" webc:nokeep>{{ item.data.description | markdownFormat | safe }}</div>
</custom-card>
{% css "inline" %}
{% css "local" %}
{% include "css/custom-card.css" %}
{% endcss %}

View file

@ -6,6 +6,6 @@
<p slot="content">{{ item.data.description }}</p>
</custom-card>
{% css "inline" %}
{% css "local" %}
{% include "css/custom-card.css" %}
{% endcss %}

View file

@ -11,7 +11,7 @@
{%- endfor -%}
</div>
{% css "inline" %}
{% css "local" %}
{% include "css/details.css" %}
{% endcss %}

View file

@ -9,7 +9,7 @@
{%- endfor -%}
</div>
{% css "inline" %}
{% css "local" %}
{% include "css/gallery.css" %}
{% endcss %}

View file

@ -35,6 +35,6 @@
</nav>
</section>
{% css "inline" %}
{% css "local" %}
{% include "css/pagination.css" %}
{% endcss %}

View file

@ -42,7 +42,7 @@ schema: blog
</div>
</article>
{%- css "inline" -%}
{%- css "local" -%}
{%- include 'css/post.css' -%}
{%- include 'css/footnotes.css' -%}
{%- endcss -%}

View file

@ -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 %}
```

View file

@ -56,6 +56,6 @@ widths: [400, 520]
{% svg "divider/soft-bottom", null, "seperator" %}
</article>
{% css "inline" %}
{% css "local" %}
{% include "css/custom-card.css" %}
{% endcss %}

View file

@ -189,7 +189,7 @@ customGradients:
</section>
</article>
{%- css "inline" -%}
{%- css "local" -%}
{%- include 'css/styleguide.css' -%}
{%- include 'css/table.css' -%}
{%- endcss -%}

View file

@ -138,6 +138,6 @@ Consider that `src` is already prepended in the settings.
![Close-up with unfocused background of a vibrant large blue butterfly gracefully perched on a delicate flower amidst lush green grass](/assets/images/gallery/asturias-4.jpg)
{%- css "inline" -%}
{%- css "local" -%}
{%- include 'css/table.css' -%}
{%- endcss -%}