chore: split out styles + only load where needed

This commit is contained in:
Cory Dransfeldt 2024-01-02 12:50:20 -08:00
parent 37db7d35d6
commit 0e65983a19
No known key found for this signature in database
28 changed files with 250 additions and 287 deletions

View file

@ -6,21 +6,11 @@ permalink: /search.html
---
<link href="https://coryd.dev/pagefind/pagefind-ui.css" rel="stylesheet" />
{% capture css %}
{% render "../assets/styles/widgets/pagefind.css" %}
{% endcapture %}
<style>
:root {
--pagefind-ui-font: 'silka', 'Inter', 'Roboto', 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', 'Arial', 'system-ui', 'sans-serif';
--pagefind-ui-primary: #374151;
--pagefind-ui-text: #374151;
}
@media (prefers-color-scheme: dark) {
:root {
--pagefind-ui-primary: #e5e7eb;
--pagefind-ui-text: #e5e7eb;
--pagefind-ui-background: #152028;
--pagefind-ui-border: #152028;
--pagefind-ui-tag: #152028;
}
}
{{ css | cssmin }}
</style>
<div id="search" class="search"></div>
<script