From e0b28551b8919b136580eb034d011f403f3d14f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 19 Sep 2022 20:19:17 +0200
Subject: [PATCH] Fix ScrollingTitle translate animation on scroll
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Just missed a colon in the style variable declaration 🤦
---
 src/components/atoms/ScrollingTitle.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/atoms/ScrollingTitle.svelte b/src/components/atoms/ScrollingTitle.svelte
index 9c2278e..acd6127 100644
--- a/src/components/atoms/ScrollingTitle.svelte
+++ b/src/components/atoms/ScrollingTitle.svelte
@@ -38,7 +38,7 @@
         parallax = isLarger ? map(scrollY, offsetStart, offsetEnd, 0, -toTranslate, true) : 0
     }
 
-    $: classes = [
+    const classes = [
         'scrolling-title',
         'title-huge',
         $$props.class
@@ -65,7 +65,7 @@
 <svelte:element this={tag}
     bind:this={titleEl}
     class={classes} aria-label={label}
-    style--parallax-x="{parallax}%"
+    style:--parallax-x="{parallax}%"
     use:reveal={revealOptions}
 >
     <slot />