From 19cd58a5ac26a64a6ea3317fddd66ccfa462039a Mon Sep 17 00:00:00 2001
From: kevmodrome <kevin@kevmodro.me>
Date: Wed, 9 Dec 2020 15:12:10 +0100
Subject: [PATCH] fixes link text colors

---
 packages/standard-components/src/CardHorizontal.svelte | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/packages/standard-components/src/CardHorizontal.svelte b/packages/standard-components/src/CardHorizontal.svelte
index 9bd0ba21a..04386623e 100644
--- a/packages/standard-components/src/CardHorizontal.svelte
+++ b/packages/standard-components/src/CardHorizontal.svelte
@@ -19,8 +19,6 @@
   export let imageHeight
 
   $: cssVariables = {
-    linkColor,
-    linkHoverColor,
     imageWidth,
     cardWidth,
     imageHeight,
@@ -30,18 +28,18 @@
 </script>
 
 <div
+  use:styleable={$component.styles}
   use:cssVars={cssVariables}
-  class="container"
-  use:styleable={$component.styles}>
+  class="container">
   {#if showImage}<img 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 href={linkUrl}>{linkText}</a>
+      <a style="--linkColor: {linkColor}; --linkHoverColor: {linkHoverColor}" href={linkUrl}>{linkText}</a>
     </footer>
   </div>
 </div>