rename .seperaor --> .divider

src/assets/css/global/blocks/section.css

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

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);
 }

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)">

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" %}

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">