flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Rework SiteTitle styling

Browse Source
This commit is contained in:
Félix Péault
2021-11-30 20:26:40 +01:00
parent f95d793d58
commit a7eb9782f5
3 changed files with 35 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/atoms/SiteTitle.svelte
View File

@@ -20,20 +20,14 @@
threshold: 0,
}}
>
<strong class="mask">
<SplitText text="Houses" mode="chars" />
</strong>
<span class="mask">
<SplitText text="Of The" mode="chars" />
</span>
<strong class="mask">
<SplitText text="World" mode="chars" />
</strong>
<SplitText text="Houses" mode="chars" class="pink mask" />
<SplitText text="Of The" mode="chars" class="middle mask" />
<SplitText text="World" mode="chars" class="pink mask" />
</h1>
{:else}
<div class="site-title site-title--{variant}">
<strong>Houses</strong>
<span>Of The</span>
<strong>World</strong>
<span class="word-1">Houses</span>
<span class="middle word-2">Of The</span>
<span class="word-3">World</span>
</div>
{/if}