Refactored .exturl class & improve variables for a tags. (theme-n…

…ext#422)
tongluyang · Sep 22, 2018 · 08f49f5 · 08f49f5
1 parent 73f5afd
commit 08f49f5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 23 deletions.
diff --git a/source/css/_common/components/tags/exturl.styl b/source/css/_common/components/tags/exturl.styl
diff --git a/source/css/_common/scaffolding/base.styl b/source/css/_common/scaffolding/base.styl
@@ -41,17 +41,24 @@ for headline in (1..6) {
 
 p { margin: 0 0 20px 0; }
 
-a {
+a, span.exturl {
+  // Remove the gray background color from active links in IE 10.
+  background-color: transparent;
   color: $link-color;
   text-decoration: none;
   outline: none;
-  border-bottom: 1px solid $grey-dark;
+  border-bottom: 1px solid $link-decoration-color;
   word-wrap: break-word;
 
-  &:hover {
+  &:hover,
+  // Improve readability when focused.
+  &:active {
     color: $link-hover-color;
     border-bottom-color: $link-decoration-hover-color;
   }
+
+  // For spanned external links.
+  cursor: pointer;
 }
 
 blockquote {

diff --git a/source/css/_variables/base.styl b/source/css/_variables/base.styl
@@ -36,7 +36,7 @@ $text-color                   = $black-light
 // Global link color.
 $link-color                   = $black-light
 $link-hover-color             = $black-deep
-$link-decoration-color        = $grey-light
+$link-decoration-color        = $grey-dark
 $link-decoration-hover-color  = $black-deep
 
 // Global border color.