repos/website
1
Fork 0
Code Issues 1 Pull requests 27 Activity

Animate hover on shareon icons

Browse source
This commit is contained in:
Jake Howard 2022-09-23 17:03:40 +01:00
parent a0a3631ac0
commit 18ac4f9fbb
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
static/src/scss/_shareon.scss
View file

@ -1,3 +1,11 @@
.shareon-container { .shareon-container {
margin-top: 1rem; margin-top: 1rem;
.shareon {
& > a,
& > button {
transition-property: opacity;
transition-duration: $link-hover-duration;
}
}
} }

1
static/src/scss/_variables.scss
View file

@ -1,2 +1,3 @@
$dark-mode-background: $dark; $dark-mode-background: $dark;
$dark-mode-text: $grey-lighter; $dark-mode-text: $grey-lighter;
$link-hover-duration: 0.25s;

2
static/src/scss/base.scss
View file

@ -40,7 +40,7 @@ main {
a { a {
transition-property: color, background-color; transition-property: color, background-color;
transition-duration: 0.25s !important; transition-duration: $link-hover-duration !important;
@include dark-mode { @include dark-mode {
&:hover { &:hover {