Improve links design
* 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:
parent
c05698cf6d
commit
e333628a26
4 changed files with 6 additions and 4 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -95,6 +95,7 @@ a {
|
|||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
text-shadow: 0 0 1px #fff;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1 +1 @@
|
|||
{"Target":"css/style.min.b9e5a5fb55503e7b3459df375dfc837923fa86925305256cfaebb86bafdd00a2.css","MediaType":"text/css","Data":{"Integrity":"sha256-ueWl+1VQPns0Wd83XfyDeSP6hpJTBSVs+uu4a6/dAKI="}}
|
||||
{"Target":"css/style.min.d979d8f818e47a9821dee69a30ab80ccf745d990f992a4d3f8cb529d03642480.css","MediaType":"text/css","Data":{"Integrity":"sha256-2XnY+Bjkepgh3uaaMKuAzPdF2ZD5kqTT+MtSnQNkJIA="}}
|
Loading…
Reference in a new issue