wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Pull requests Activity Actions

Update CSS Pipeline #4

Merged
wonderfulfrog merged 7 commits from feat/update-css-pipeline into main 2025-05-30 11:16:38 -07:00
Conversation 0 Commits 7 Files changed 59 +40 -35
9 changed files with 40 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit ce66bbece8 - Show all commits

4
src/includes/css/compositions/cluster.css
View file

@ -6,10 +6,10 @@ spacing, regardless of their size
*/
.cluster {
--gap: var(--spacing-2);
--gap: var(--spacing-4);
display: flex;
flex-wrap: wrap;
gap: var(--gap, --spacing-2);
gap: var(--gap, --spacing-4);
justify-content: flex-start;
align-items: center;
}

4
src/includes/css/global/global-styles.css
View file

@ -52,14 +52,14 @@ h2 {
h3 {
font-size: 1.5rem;
font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-normal);
letter-spacing: -0.05rem;
line-height: 1.5rem;
}
h4 {
font-size: 1.125rem;
font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-normal);
letter-spacing: -0.05rem;
line-height: 1.125rem;
text-transform: uppercase;

10
src/includes/layouts/book.html
View file

@ -5,11 +5,13 @@ layout: "layouts/base"
{% from "macros/date.njk" import format %}
{% from "macros/utils.njk" import stars, spoilerWarning %}
{% from "macros/tags.njk" import tagList %}
<article class="flow flow-space-8">
<header class="flow flow-space-4">
{{ format(page.date) }}
<article class="flow">
<header class="flow">
<div class="flow flow-space-1">
<h1>{{ title }}</h1>
{% if pullquote %}<p class="text-fadeText flow-space-1">{{ pullquote }}</p>{% endif %}
{% if pullquote %}<h3 class="text-fadeText">{{ pullquote }}</h3>{% endif %}
</div>
{{ format(page.date) }}
</header>
{% if hasSpoilers %}
{{ spoilerWarning() }}

10
src/includes/layouts/game.html
View file

@ -5,11 +5,13 @@ layout: "layouts/base"
{% from "macros/date.njk" import format %}
{% from "macros/utils.njk" import stars, spoilerWarning %}
{% from "macros/tags.njk" import tagList %}
<article class="flow flow-space-8">
<header class="flow flow-space-4">
{{ format(page.date) }}
<article class="flow">
<header class="flow">
<div class="flow flow-space-1">
<h1>{{ title }}</h1>
{% if pullquote %}<p class="text-fadeText flow-space-1">{{ pullquote }}</p>{% endif %}
{% if pullquote %}<h3 class="text-fadeText">{{ pullquote }}</h3>{% endif %}
</div>
{{ format(page.date) }}
</header>
{% if hasSpoilers %}
{{ spoilerWarning() }}

10
src/includes/layouts/movie.html
View file

@ -5,11 +5,13 @@ layout: "layouts/base"
{% from "macros/date.njk" import format %}
{% from "macros/utils.njk" import stars, spoilerWarning %}
{% from "macros/tags.njk" import tagList %}
<article class="flow flow-space-8">
<header class="flow flow-space-4">
{{ format(page.date) }}
<article class="flow">
<header class="flow">
<div class="flow flow-space-1">
<h1>{{ title }}</h1>
<p class="text-fadeText flow-space-1">{{ pullquote }}</p>
{% if pullquote %}<h3 class="text-fadeText">{{ pullquote }}</h3>{% endif %}
</div>
{{ format(page.date) }}
</header>
{% if hasSpoilers %}
{{ spoilerWarning() }}

21
src/includes/layouts/post.html
View file

@ -3,20 +3,17 @@ layout: "layouts/base"
---
{% from "macros/date.njk" import format %}
{% from "macros/tags.njk" import tagList %}
<article class="flow">
<header class="flow flow-space-4 mb-2">
{{ format(page.date) }}
<header class="flow">
<div class="flow flow-space-1">
<h1>{{ title }}</h1>
<p class="text-fadeText flow-space-1">{{ excerpt }}</p>
<ul class="categories cluster list-none p-0 flow-space-8 line-height-m">
{% for tag in tags | filter(["post"]) %}
<li>
<a class="button" href="/tags/{{ tag | slugify }}">
{% include "svgs/frame.svg" %}
{{ tag }}</a>
</li>
{% endfor %}
</ul>
<h3 class="text-fadeText">{{ excerpt }}</h3>
</div>
{{ format(page.date) }}
</header>
<section class="flow flow-space-default">
{{ content | safe }}
</section>
{{ tagList(tags | filter("post") , "/posts") }}
</article>

10
src/includes/layouts/show.html
View file

@ -5,11 +5,13 @@ layout: "layouts/base"
{% from "macros/date.njk" import format %}
{% from "macros/utils.njk" import stars, spoilerWarning %}
{% from "macros/tags.njk" import tagList %}
<article class="flow flow-space-8">
<header class="flow flow-space-4">
{{ format(page.date) }}
<article class="flow">
<header class="flow">
<div class="flow flow-space-1">
<h1>{{ title }}</h1>
<p class="text-fadeText flow-space-1">{{ pullquote }}</p>
{% if pullquote %}<h3 class="text-fadeText">{{ pullquote }}</h3>{% endif %}
</div>
{{ format(page.date) }}
</header>
{% if hasSpoilers %}
{{ spoilerWarning() }}

2
src/includes/macros/tags.njk
View file

@ -1,5 +1,5 @@
{% macro tagList(tags, urlPrefix) %}
<ul class="categories cluster list-none p-0 line-height-m">
<ul class="categories cluster list-none p-0 line-height-m flow-space-default">
{% for tag in tags %}
<li>
<a class="button" href="{{ urlPrefix }}/tag/{{ tag | slugify }}">

2
src/includes/macros/utils.njk
View file

@ -13,7 +13,7 @@
{% endmacro %}
{% macro spoilerWarning() %}
<section class="bg-surface radius-1 p-4">
<section class="bg-surface radius-1 p-4 flow-space-default">
<span class="text-secondary">{% include "svgs/triangle-exclamation.svg" %}</span>
<strong>Warning!</strong>
The following may contain spoilers!