add $anchor-text-decoration-hover setting

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index 59853c399b35843032a569b7106e41f0f7d359f2..5bd39da7b869becab8980d84df7bce46db2f1e97 100644 (file)
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -164,6 +164,7 @@
 
 // We use these to style anchors
 // $anchor-text-decoration: none;
+// $anchor-text-decoration-hover: none;
 // $anchor-font-color: $primary-color;
 // $anchor-font-color-hover: scale-color($primary-color, $lightness: -14%);
 

diff --git a/scss/foundation/components/_type.scss b/scss/foundation/components/_type.scss
index 993ee9506be4c997bd65eefda01be966e4ddbd3d..2d9891a10c2fa47985fb88f2c99e2ff9b676aa06 100755 (executable)
--- a/scss/foundation/components/_type.scss
+++ b/scss/foundation/components/_type.scss
@@ -53,6 +53,7 @@ $code-font-weight: bold !default;
 
 // We use these to style anchors
 $anchor-text-decoration: none !default;
+$anchor-text-decoration-hover: none !default;
 $anchor-font-color: $primary-color !default;
 $anchor-font-color-hover: scale-color($anchor-font-color, $lightness: -14%) !default;
 
@@ -202,7 +203,12 @@ $align-class-breakpoints:
       line-height: inherit;
 
       &:hover,
-      &:focus { color: $anchor-font-color-hover; }
+      &:focus {
+        color: $anchor-font-color-hover;
+        @if $anchor-text-decoration-hover != $anchor-text-decoration {
+               text-decoration: $anchor-text-decoration-hover;
+        }
+      }
 
       img { border:none; }
     }