Add some hover on links

This commit is contained in:
2020-02-27 23:06:20 +01:00
parent f1aae14b6c
commit 716e38d7cc
2 changed files with 17 additions and 2 deletions

View File

@@ -171,7 +171,7 @@ button {
text-decoration: none; text-decoration: none;
&:hover { &:hover {
text-decoration: underline; color: $color-secondary;
} }
} }

View File

@@ -59,13 +59,21 @@
} }
} }
} }
a { a {
text-decoration: none; position: relative;
color: #fff; color: #fff;
text-decoration: none;
transition: color 85ms $ease-inout;
img { img {
margin-right: 16px; margin-right: 16px;
} }
// Hover
&:hover {
color: $color-secondary;
}
} }
// Instagram // Instagram
@@ -93,11 +101,18 @@
img { img {
display: inline-block; display: inline-block;
margin: 8px 0 0 12px; margin: 8px 0 0 12px;
transition: transform 400ms $ease-quart;
will-change: transform;
@include breakpoint (sm) { @include breakpoint (sm) {
margin-left: 16px; margin-left: 16px;
} }
} }
// Hover
a:hover img {
transform: scale(1.025);
}
} }
} }
} }