rename .seperaor --> .divider
This commit is contained in:
parent
bb0869d3a3
commit
ad39024b39
5 changed files with 7 additions and 7 deletions
|
|
@ -1,4 +1,4 @@
|
||||||
.section > .seperator:first-child {
|
.section > .divider:first-child {
|
||||||
transform: rotate(180deg) translateY(-1px);
|
transform: rotate(180deg) translateY(-1px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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)">
|
||||||
|
|
|
||||||
|
|
@ -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" %}
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue