✨ 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/routes/[country]/[location]/[photo].svelte
+++ b/src/routes/[country]/[location]/[photo].svelte
@@ -60,15 +60,10 @@ import ButtonCircle from '$components/atoms/ButtonCircle.svelte'

            <div class="viewer-photo__controls">
                <ButtonCircle on:click={goToPrevious}>
-                    <IconArrow
-                        color="pink"
-                        flip={true}
-                    />
+                    <IconArrow color="pink" flip={true} />
                </ButtonCircle>
                <ButtonCircle on:click={goToPrevious}>
-                    <IconArrow
-                        color="pink"
-                    />
+                    <IconArrow color="pink" />
                </ButtonCircle>
            </div>