✨ Rework buttons classes and variants

Add a conditional class and list props as BEM class modifiers
2021-10-19 17:19:05 +02:00
parent ea567693c2
commit ecacc0c1a1
9 changed files with 42 additions and 30 deletions
--- a/src/components/organisms/Shop.svelte
+++ b/src/components/organisms/Shop.svelte
@@ -29,11 +29,7 @@
            <h3 class="title-medium">{shop.module_title}</h3>
            <p class="text-small">{shop.module_text}</p>
            {#if shop.enabled}
-                <Button
-                    url="/shop"
-                    text="Shop"
-                    class="button--pink"
-                />
+                <Button url="/shop" text="Shop" color="pink" />
            {/if}
            <p class="detail">
                Posters available for {locationsWithPoster.join(', ').replace(/,(?!.*,)/gmi, ' and')}.