diff --git a/src/style/_base.scss b/src/style/_base.scss index ef483ed..5176ee2 100644 --- a/src/style/_base.scss +++ b/src/style/_base.scss @@ -171,7 +171,7 @@ button { text-decoration: none; &:hover { - text-decoration: underline; + color: $color-secondary; } } diff --git a/src/style/molecules/_footer.scss b/src/style/molecules/_footer.scss index ba9cc7f..f1f032a 100644 --- a/src/style/molecules/_footer.scss +++ b/src/style/molecules/_footer.scss @@ -59,13 +59,21 @@ } } } + a { - text-decoration: none; + position: relative; color: #fff; + text-decoration: none; + transition: color 85ms $ease-inout; img { margin-right: 16px; } + + // Hover + &:hover { + color: $color-secondary; + } } // Instagram @@ -93,11 +101,18 @@ img { display: inline-block; margin: 8px 0 0 12px; + transition: transform 400ms $ease-quart; + will-change: transform; @include breakpoint (sm) { margin-left: 16px; } } + + // Hover + a:hover img { + transform: scale(1.025); + } } } }