From 08f49f5a58a83dde0588b107b6af2da0dbb7f962 Mon Sep 17 00:00:00 2001
From: "Ivan.Nginx" <ivan.nginx@gmail.com>
Date: Sat, 22 Sep 2018 08:05:29 +0300
Subject: [PATCH] Refactored `.exturl` class & improve variables for `a` tags.
 (#422)

---
 .../css/_common/components/tags/exturl.styl   | 19 -------------------
 source/css/_common/scaffolding/base.styl      | 13 ++++++++++---
 source/css/_variables/base.styl               |  2 +-
 3 files changed, 11 insertions(+), 23 deletions(-)
 delete mode 100644 source/css/_common/components/tags/exturl.styl

diff --git a/source/css/_common/components/tags/exturl.styl b/source/css/_common/components/tags/exturl.styl
deleted file mode 100644
index ac2bc16f4f..0000000000
--- a/source/css/_common/components/tags/exturl.styl
+++ /dev/null
@@ -1,19 +0,0 @@
-.exturl {
-  // Remove the gray background color from active links in IE 10.
-  background-color: transparent;
-
-  cursor: pointer;
-  border-bottom: 1px solid #999;
-
-  .fa {
-    font-size: 14px;
-    margin-left: 4px;
-  }
-}
-
-// Improve readability when focused and also mouse hovered in all browsers.
-.exturl:active, .exturl:hover {
-  outline: 0;
-  color: $black-deep;
-  border-bottom-color: $black-deep;
-}
diff --git a/source/css/_common/scaffolding/base.styl b/source/css/_common/scaffolding/base.styl
index 3781826189..c31dafa495 100644
--- 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
index 51208e50c5..039803d377 100644
--- 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.