Use Svelte shorthand for CSS variables declaration

2022-08-01 20:58:59 +02:00
parent e499f69574
commit c91166d548
6 changed files with 10 additions and 7 deletions
--- a/src/routes/[country]/[location]/index.svelte
+++ b/src/routes/[country]/[location]/index.svelte
@@ -257,7 +257,7 @@
        </div>

        {#if hasIllustration}
-            <picture class="location-page__illustration" style="--parallax-y: {illustrationOffsetY}px;">
+            <picture class="location-page__illustration" style:--parallax-y="{illustrationOffsetY}px">
                <source media="(min-width: 1200px)" srcset={getAssetUrlKey(location.illustration_desktop_2x.id, 'illustration-desktop-2x')}>
                <source media="(min-width: 768px)" srcset={getAssetUrlKey(location.illustration_desktop.id, 'illustration-desktop-1x')}>
                <img