kevmodrome
6 years ago
No known key found for this signature in database
GPG Key ID: 828D8FE4D235B551
1 changed files with
4 additions and
6 deletions
-
packages/standard-components/src/CardHorizontal.svelte
|
|
@ -19,8 +19,6 @@ |
|
|
export let imageHeight |
|
|
export let imageHeight |
|
|
|
|
|
|
|
|
$: cssVariables = { |
|
|
$: cssVariables = { |
|
|
linkColor, |
|
|
|
|
|
linkHoverColor, |
|
|
|
|
|
imageWidth, |
|
|
imageWidth, |
|
|
cardWidth, |
|
|
cardWidth, |
|
|
imageHeight, |
|
|
imageHeight, |
|
|
@ -30,18 +28,18 @@ |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<div |
|
|
<div |
|
|
|
|
|
use:styleable={$component.styles} |
|
|
use:cssVars={cssVariables} |
|
|
use:cssVars={cssVariables} |
|
|
class="container" |
|
|
class="container"> |
|
|
use:styleable={$component.styles}> |
|
|
|
|
|
{#if showImage}<img class="image" src={imageUrl} alt="" />{/if} |
|
|
{#if showImage}<img class="image" src={imageUrl} alt="" />{/if} |
|
|
<div class="content"> |
|
|
<div class="content"> |
|
|
<main> |
|
|
<main> |
|
|
<h2 class="heading">{heading}</h2> |
|
|
<h2 class="heading">{heading}</h2> |
|
|
<p class="text">{description}</p> |
|
|
<p class="text">{description}</p> |
|
|
</main> |
|
|
</main> |
|
|
<footer> |
|
|
<footer > |
|
|
<p class="subtext">{subtext}</p> |
|
|
<p class="subtext">{subtext}</p> |
|
|
<a href={linkUrl}>{linkText}</a> |
|
|
<a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a> |
|
|
</footer> |
|
|
</footer> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
