rename .seperaor --> .divider

This commit is contained in:
madrilene 2025-04-08 07:15:26 +02:00
parent bb0869d3a3
commit ad39024b39
5 changed files with 7 additions and 7 deletions

View file

@ -1,4 +1,4 @@
.section > .seperator:first-child { .section > .divider:first-child {
transform: rotate(180deg) translateY(-1px); transform: rotate(180deg) translateY(-1px);
} }

View file

@ -1,10 +1,10 @@
.seperator { .divider {
display: block; display: block;
block-size: 3.5em; block-size: 3.5em;
inline-size: 100%; inline-size: 100%;
fill: var(--spot-color, var(--color-bg)); fill: var(--spot-color, var(--color-bg));
} }
.section > .seperator { .divider > .divider {
transform: translateY(-1px); transform: translateY(-1px);
} }

View file

@ -14,7 +14,7 @@ permalink: 'blog/{% if pagination.pageNumber >=1 %}page-{{ pagination.pageNumber
<h1 class="text-center" style="color: var(--color-light);">{{ title }}</h1> <h1 class="text-center" style="color: var(--color-light);">{{ title }}</h1>
</div> </div>
{% svg "divider/edgy", null, "seperator" %} {% svg "divider/edgy", null, "divider" %}
</header> </header>
<div class="region flow prose" style="--region-space-top: var(--space-xl-2xl)"> <div class="region flow prose" style="--region-space-top: var(--space-xl-2xl)">

View file

@ -27,7 +27,7 @@ widths: [400, 520]
</p> </p>
<article class="full section" style="--spot-color: var(--color-bg-accent)"> <article class="full section" style="--spot-color: var(--color-bg-accent)">
{% svg "divider/soft-top", null, "seperator" %} {% svg "divider/soft-top", null, "divider" %}
<section class="feature section__inner wrapper"> <section class="feature section__inner wrapper">
<h2>Based on, or built with Eleventy Excellent:</h2> <h2>Based on, or built with Eleventy Excellent:</h2>
@ -53,7 +53,7 @@ widths: [400, 520]
</div> </div>
</section> </section>
{% svg "divider/soft-bottom", null, "seperator" %} {% svg "divider/soft-bottom", null, "divider" %}
</article> </article>
{% css "local" %} {% css "local" %}

View file

@ -13,7 +13,7 @@ blog:
<div class="section__inner flow region"> <div class="section__inner flow region">
<h1 class="text-center" style="color: var(--color-light);">{{ title }}</h1> <h1 class="text-center" style="color: var(--color-light);">{{ title }}</h1>
</div> </div>
{% svg "divider/waves", null, "seperator" %} {% svg "divider/waves", null, "divider" %}
</header> </header>
<article class="full | region"> <article class="full | region">