wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

set font size per custom-card instance

Browse source
This commit is contained in:
madrilene 2025-03-07 17:39:43 +01:00
parent ad13985da3
commit 5b73810bb3
4 changed files with 3 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/partials/card-blog.njk
View file

@ -1,5 +1,5 @@
<custom-card clickable> <custom-card clickable>
<h2 slot="headline"> <h2 slot="headline" class="text-step-2">
<a href="{{ item.url | url }}">{{ item.data.title }}</a> <a href="{{ item.url | url }}">{{ item.data.title }}</a>
</h2> </h2>
<span slot="date"> {% include "partials/date.njk" %} </span> <span slot="date"> {% include "partials/date.njk" %} </span>

2
src/_includes/partials/card-tag.njk
View file

@ -1,5 +1,5 @@
<custom-card clickable> <custom-card clickable>
<h2 slot="headline"> <h2 slot="headline" class="text-step-2">
<a href="{{ item.url | url }}">{{ item.data.title }}</a> <a href="{{ item.url | url }}">{{ item.data.title }}</a>
</h2> </h2>
<span slot="date"> {% include "partials/date.njk" %} </span> <span slot="date"> {% include "partials/date.njk" %} </span>

1
src/assets/css/local/custom-card.css
View file

@ -23,7 +23,6 @@ custom-card ::selection {
custom-card :is(h2, h3) { custom-card :is(h2, h3) {
--flow-space: var(--space-m); --flow-space: var(--space-m);
grid-row: headline; grid-row: headline;
font-size: var(--size-step-2);
} }
custom-card :is(h2, h3) a { custom-card :is(h2, h3) a {

2
src/pages/built-with.njk
View file

@ -39,7 +39,7 @@ widths: [400, 520]
{% for site in builtwith | shuffle %} {% for site in builtwith | shuffle %}
<custom-card clickable img-square class="text-step-min-1" style="--card-bg: var(--color-bg)"> <custom-card clickable img-square class="text-step-min-1" style="--card-bg: var(--color-bg)">
{% image "./src/assets/images/screenshots/" + site.filename + ".jpg", site.name, null, "lazy", null, null, widths, sizes %} {% image "./src/assets/images/screenshots/" + site.filename + ".jpg", site.name, null, "lazy", null, null, widths, sizes %}
<h3 slot="headline" style="font-size: var(--size-step-0);">{{ site.name }}</h3> <h3 slot="headline" class="text-step-min-1">{{ site.name }}</h3>
<p slot="content">{{ site.description }}</p> <p slot="content">{{ site.description }}</p>
<footer slot="footer" class="repel"> <footer slot="footer" class="repel">