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

Create a tag prop for SiteTitle + make it responsive

Browse Source
This commit is contained in:
Félix Péault
2021-10-18 16:16:25 +02:00
parent 63e8edcbe8
commit 7f8dc8cec6
3 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,16 +1,16 @@
<script lang="ts">
export let variant: string = 'lines'
export let type: string = 'title'
export let tag: string = 'h1'
</script>
{#if type === 'title'}
<h1 class="site-title {variant ? `site-title--${variant}` : ''}">
{#if tag === 'title'}
<h1 class="site-title site-title--{variant}">
<strong>Houses</strong>
<span>Of The</span>
<strong>World</strong>
</h1>
{:else}
<div class="site-title {variant ? `site-title--${variant}` : ''}">
<div class="site-title site-title--{variant}">
<strong>Houses</strong>
<span>Of The</span>
<strong>World</strong>