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.
Track3 · Jun 19, 2019 · e333628 · e333628
1 parent c05698c
commit e333628
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git 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
@@ -95,6 +95,7 @@ a {
 
   &:hover {
     color: #fff;
+    text-shadow: 0 0 1px #fff;
   }
 }