cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: pagefind styles

Browse source
This commit is contained in:
Cory Dransfeldt 2023-08-17 12:34:40 -07:00
parent d61434a9b0
commit 928e5abdda
No known key found for this signature in database
2 changed files with 27 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/post-tags.liquid
View file

@ -4,7 +4,7 @@
<a href="/tags/{{ tag }}">
<div
class="tag--button tag--button__small"
data-pagefind-filter="tag">{{ tag }}</div>
data-pagefind-filter="tags">{{ tag }}</div>
</a>
{% endif %}
{% endfor %}

26
tailwind.css
View file

@ -2,6 +2,24 @@
@tailwind components;
@tailwind utilities;
body {
--pagefind-ui-scale: 1.1;
--pagefind-ui-primary: theme(colors.purple.600);
--pagefind-ui-text: theme(colors.gray.800);
--pagefind-ui-background: theme(colors.white);
--pagefind-ui-border: theme(colors.gray.200);
--pagefind-ui-tag: theme(colors.gray.200);
--pagefind-ui-border-width: 2px;
--pagefind-ui-border-radius: 8px;
--pagefind-ui-image-border-radius: 8px;
--pagefind-ui-image-box-ratio: 3 / 2;
--pagefind-ui-font: sans-serif;
}
body, html {
color: theme(colors.gray.900)
}
::-moz-selection {
color: theme(colors.white);
background: theme(colors.pink.500);
@ -141,6 +159,14 @@ code[class*=language-], pre[class*=language-] {
}
@media (prefers-color-scheme: dark) {
body {
--pagefind-ui-primary: theme(colors.purple.400);
--pagefind-ui-text: theme(colors.white);
--pagefind-ui-background: theme(colors.gray.900);
--pagefind-ui-border: theme(colors.gray.700);
--pagefind-ui-tag: theme(colors.gray.700);
}
.active,
.active svg {
color: theme(colors.teal.300);