1
0
Fork 0
mirror of synced 2024-09-29 08:41:16 +13:00
This commit is contained in:
mike12345567 2020-12-09 18:02:10 +00:00
parent a94ce70cee
commit 90cfad1dad
2 changed files with 21 additions and 5 deletions

View file

@ -29,11 +29,19 @@
class="container"
use:styleable={$component.styles}
style="--cardWidth: {cardWidth}">
{#if showImage}<img style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}" class="image" src={imageUrl} alt="" />{/if}
{#if showImage}
<img
style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}"
class="image"
src={imageUrl}
alt="" />
{/if}
<div class="content">
<h2 class="heading">{heading}</h2>
<h4 class="text">{description}</h4>
<a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a>
<a
style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
href={linkUrl}>{linkText}</a>
</div>
</div>

View file

@ -24,15 +24,23 @@
use:styleable={$component.styles}
class="container"
style="--cardWidth: {cardWidth}">
{#if showImage}<img style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}" class="image" src={imageUrl} alt="" />{/if}
{#if showImage}
<img
style="--imageWidth: {imageWidth}; --imageHeight: {imageHeight}"
class="image"
src={imageUrl}
alt="" />
{/if}
<div class="content">
<main>
<h2 class="heading">{heading}</h2>
<p class="text">{description}</p>
</main>
<footer >
<footer>
<p class="subtext">{subtext}</p>
<a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a>
<a
style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}"
href={linkUrl}>{linkText}</a>
</footer>
</div>
</div>