andy/hermit-V2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve links design

Browse source 
* To provide a stronger feedback, all `a` tags now has a shadow on mouse hover.
* Links in contents now has a better animation.
This commit is contained in:
Track3 2019-06-19 18:10:48 +08:00
parent c05698cf6d
commit e333628a26
4 changed files with 6 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/scss/_predefined.scss
View file

@ -23,10 +23,11 @@ $code-fonts: Consolas, "Andale Mono WT", "Andale Mono", Menlo, Monaco, "Lucida C
word-wrap: break-word;
border: none;
box-shadow: inset 0 -4px 0 $theme;
transition-property: background-color;
transition-property: box-shadow;
transition-duration: .1s;
&:hover {
background-color: $theme;
box-shadow: inset 0 -1em 0 $theme;
}
}
}

1
assets/scss/style.scss
View file

@ -95,6 +95,7 @@ a {
&:hover {
color: #fff;
text-shadow: 0 0 1px #fff;
}
}