diff options
| author | Track3 <pengliabc@live.cn> | 2019-06-19 18:10:48 +0800 |
|---|---|---|
| committer | Track3 <pengliabc@live.cn> | 2019-06-19 18:10:48 +0800 |
| commit | e333628a2663020701e058da5e15ae39ffc796bf (patch) | |
| tree | 9541ad3b882e199d52d1a2f4a83652ec57d07074 /assets | |
| parent | c05698cf6dbed4b9f8642766bc06fa9a157c2d9f (diff) | |
| download | hermit-e333628a2663020701e058da5e15ae39ffc796bf.tar.gz | |
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.
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/_predefined.scss | 5 | ||||
| -rw-r--r-- | assets/scss/style.scss | 1 |
2 files changed, 4 insertions, 2 deletions
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; } } } diff --git a/assets/scss/style.scss b/assets/scss/style.scss index be2c149..32c6ee6 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -95,6 +95,7 @@ a { &:hover { color: #fff; + text-shadow: 0 0 1px #fff; } } |