From ad39024b39dc4536bcb4b2eeb92c965a8ecc3187 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Tue, 8 Apr 2025 07:15:26 +0200
Subject: [PATCH] rename .seperaor --> .divider

---
 src/assets/css/global/blocks/section.css   | 2 +-
 src/assets/css/global/blocks/seperator.css | 4 ++--
 src/pages/blog.njk                         | 2 +-
 src/pages/built-with.njk                   | 4 ++--
 src/pages/index.njk                        | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/assets/css/global/blocks/section.css b/src/assets/css/global/blocks/section.css
index 50e53db..36a1389 100644
--- a/src/assets/css/global/blocks/section.css
+++ b/src/assets/css/global/blocks/section.css
@@ -1,4 +1,4 @@
-.section > .seperator:first-child {
+.section > .divider:first-child {
   transform: rotate(180deg) translateY(-1px);
 }
 
diff --git a/src/assets/css/global/blocks/seperator.css b/src/assets/css/global/blocks/seperator.css
index ea9c3f8..9ba18ec 100644
--- a/src/assets/css/global/blocks/seperator.css
+++ b/src/assets/css/global/blocks/seperator.css
@@ -1,10 +1,10 @@
-.seperator {
+.divider {
   display: block;
   block-size: 3.5em;
   inline-size: 100%;
   fill: var(--spot-color, var(--color-bg));
 }
 
-.section > .seperator {
+.divider > .divider {
   transform: translateY(-1px);
 }
diff --git a/src/pages/blog.njk b/src/pages/blog.njk
index d4f74fb..6185f5c 100644
--- a/src/pages/blog.njk
+++ b/src/pages/blog.njk
@@ -14,7 +14,7 @@ permalink: 'blog/{% if pagination.pageNumber >=1 %}page-{{ pagination.pageNumber
       <h1 class="text-center" style="color: var(--color-light);">{{ title }}</h1>
     </div>
 
-    {% svg "divider/edgy", null, "seperator" %}
+    {% svg "divider/edgy", null, "divider" %}
   </header>
 
   <div class="region flow prose" style="--region-space-top: var(--space-xl-2xl)">
diff --git a/src/pages/built-with.njk b/src/pages/built-with.njk
index b3b8306..aa0a95d 100644
--- a/src/pages/built-with.njk
+++ b/src/pages/built-with.njk
@@ -27,7 +27,7 @@ widths: [400, 520]
 </p>
 
 <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">
     <h2>Based on, or built with Eleventy Excellent:</h2>
@@ -53,7 +53,7 @@ widths: [400, 520]
     </div>
   </section>
 
-  {% svg "divider/soft-bottom", null, "seperator" %}
+  {% svg "divider/soft-bottom", null, "divider" %}
 </article>
 
 {% css "local" %}
diff --git a/src/pages/index.njk b/src/pages/index.njk
index d88dc21..a5e0ded 100644
--- a/src/pages/index.njk
+++ b/src/pages/index.njk
@@ -13,7 +13,7 @@ blog:
     <div class="section__inner flow region">
       <h1 class="text-center" style="color: var(--color-light);">{{ title }}</h1>
     </div>
-    {% svg "divider/waves", null, "seperator" %}
+    {% svg "divider/waves", null, "divider" %}
   </header>
 
   <article class="full | region">