rename bundle: inline --> local
This commit is contained in:
parent
dac4da45e1
commit
612a30434d
11 changed files with 13 additions and 13 deletions
|
|
@ -2,11 +2,11 @@
|
||||||
{%- if eleventy.env.runMode === "serve" %}
|
{%- if eleventy.env.runMode === "serve" %}
|
||||||
<!-- External CSS for local dev (refresh without page reload) -->
|
<!-- External CSS for local dev (refresh without page reload) -->
|
||||||
<link rel="stylesheet" href="{% getBundleFileUrl "css", "global" %}">
|
<link rel="stylesheet" href="{% getBundleFileUrl "css", "global" %}">
|
||||||
<link rel="stylesheet" href="{% getBundleFileUrl "css", "inline" %}">
|
<link rel="stylesheet" href="{% getBundleFileUrl "css", "local" %}">
|
||||||
{%- else %}
|
{%- else %}
|
||||||
<!-- Inlined CSS (fastest site performance in production) -->
|
<!-- Inlined CSS (fastest site performance in production) -->
|
||||||
<style>{% getBundle "css", "global" %}</style>
|
<style>{% getBundle "css", "global" %}</style>
|
||||||
<style>{% getBundle "css", "inline" %}</style>
|
<style>{% getBundle "css", "local" %}</style>
|
||||||
{%- endif %}
|
{%- endif %}
|
||||||
|
|
||||||
{% css "global" %}{% include "css/global.css" %}{% endcss %}
|
{% css "global" %}{% include "css/global.css" %}{% endcss %}
|
||||||
|
|
|
||||||
|
|
@ -18,6 +18,6 @@
|
||||||
<div slot="content" webc:nokeep>{{ item.data.description | markdownFormat | safe }}</div>
|
<div slot="content" webc:nokeep>{{ item.data.description | markdownFormat | safe }}</div>
|
||||||
</custom-card>
|
</custom-card>
|
||||||
|
|
||||||
{% css "inline" %}
|
{% css "local" %}
|
||||||
{% include "css/custom-card.css" %}
|
{% include "css/custom-card.css" %}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,6 @@
|
||||||
<p slot="content">{{ item.data.description }}</p>
|
<p slot="content">{{ item.data.description }}</p>
|
||||||
</custom-card>
|
</custom-card>
|
||||||
|
|
||||||
{% css "inline" %}
|
{% css "local" %}
|
||||||
{% include "css/custom-card.css" %}
|
{% include "css/custom-card.css" %}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@
|
||||||
{%- endfor -%}
|
{%- endfor -%}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% css "inline" %}
|
{% css "local" %}
|
||||||
{% include "css/details.css" %}
|
{% include "css/details.css" %}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@
|
||||||
{%- endfor -%}
|
{%- endfor -%}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% css "inline" %}
|
{% css "local" %}
|
||||||
{% include "css/gallery.css" %}
|
{% include "css/gallery.css" %}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -35,6 +35,6 @@
|
||||||
</nav>
|
</nav>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% css "inline" %}
|
{% css "local" %}
|
||||||
{% include "css/pagination.css" %}
|
{% include "css/pagination.css" %}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,7 @@ schema: blog
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
{%- css "inline" -%}
|
{%- css "local" -%}
|
||||||
{%- include 'css/post.css' -%}
|
{%- include 'css/post.css' -%}
|
||||||
{%- include 'css/footnotes.css' -%}
|
{%- include 'css/footnotes.css' -%}
|
||||||
{%- endcss -%}
|
{%- endcss -%}
|
||||||
|
|
|
||||||
|
|
@ -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`.
|
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 %}
|
{% raw %}
|
||||||
|
|
||||||
```jinja2
|
```jinja2
|
||||||
{% css "inline" %}
|
{% css "local" %}
|
||||||
{% include "css/your-stylesheet.css" %}
|
{% include "css/your-stylesheet.css" %}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
```
|
```
|
||||||
|
|
|
||||||
|
|
@ -56,6 +56,6 @@ widths: [400, 520]
|
||||||
{% svg "divider/soft-bottom", null, "seperator" %}
|
{% svg "divider/soft-bottom", null, "seperator" %}
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
{% css "inline" %}
|
{% css "local" %}
|
||||||
{% include "css/custom-card.css" %}
|
{% include "css/custom-card.css" %}
|
||||||
{% endcss %}
|
{% endcss %}
|
||||||
|
|
|
||||||
|
|
@ -189,7 +189,7 @@ customGradients:
|
||||||
</section>
|
</section>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
{%- css "inline" -%}
|
{%- css "local" -%}
|
||||||
{%- include 'css/styleguide.css' -%}
|
{%- include 'css/styleguide.css' -%}
|
||||||
{%- include 'css/table.css' -%}
|
{%- include 'css/table.css' -%}
|
||||||
{%- endcss -%}
|
{%- endcss -%}
|
||||||
|
|
|
||||||
|
|
@ -138,6 +138,6 @@ Consider that `src` is already prepended in the settings.
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
{%- css "inline" -%}
|
{%- css "local" -%}
|
||||||
{%- include 'css/table.css' -%}
|
{%- include 'css/table.css' -%}
|
||||||
{%- endcss -%}
|
{%- endcss -%}
|
||||||
Loading…
Reference in a new issue