From e333628a2663020701e058da5e15ae39ffc796bf Mon Sep 17 00:00:00 2001 From: Track3 Date: Wed, 19 Jun 2019 18:10:48 +0800 Subject: 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. --- assets/scss/_predefined.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'assets/scss/_predefined.scss') diff --git a/assets/scss/_predefined.scss b/assets/scss/_predefined.scss index 56cc9f1..7d87c02 100644 --- a/assets/scss/_predefined.scss +++ b/assets/scss/_predefined.scss @@ -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; } } } -- cgit v1.2.3