diff --git a/src/organisms/Footer.svelte b/src/organisms/Footer.svelte index 0cc6fdc..a73509a 100644 --- a/src/organisms/Footer.svelte +++ b/src/organisms/Footer.svelte @@ -22,7 +22,9 @@ {#if $site}
  • - Instagram + + +
  • {/if} diff --git a/src/style/organisms/_footer.scss b/src/style/organisms/_footer.scss index 2e8fad1..63fdd0c 100644 --- a/src/style/organisms/_footer.scss +++ b/src/style/organisms/_footer.scss @@ -70,7 +70,7 @@ text-decoration: none; transition: color 85ms $ease-inout; - img { + img, svg { margin-right: 16px; } @@ -87,8 +87,14 @@ align-items: center; justify-content: center; } - img { + svg { display: block; + transition: fill 275ms $ease-cubic; + } + + // Hover + a:hover svg { + fill: $color-secondary; } }