From: Andy Cochran <acochran@council.nyc.gov>
Date: Thu, 7 Jan 2016 18:06:14 +0000 (-0500)
Subject: add settings for .has-tip styles, fix docs
X-Git-Tag: v6.1.2~77^2~4^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=refs%2Fpull%2F7803%2Fhead;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

add settings for .has-tip styles, fix docs
---

diff --git a/docs/pages/tooltip.md b/docs/pages/tooltip.md
index 5d5653d75..cf3c88a33 100644
--- a/docs/pages/tooltip.md
+++ b/docs/pages/tooltip.md
@@ -7,7 +7,7 @@ js: js/foundation.tooltip.js
 
 
 ## Basic Tooltip
-By default, a tooltip appears below the the definition on hover.
+By default, a tooltip appears below the defined term on hover.
 
 ```html_example
 <p>
@@ -18,7 +18,7 @@ The <span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover='
 ---
 
 ## Tooltip Top
-To get a tip-top top tooltip (lol), just add the class <code>top</code> the <code>span</code> tag.
+To get a tip-top top tooltip (lol), just add the class `.top` the `<span>` element.
 
 ```html_example
 <p>
diff --git a/scss/components/_tooltip.scss b/scss/components/_tooltip.scss
index a28c3e69c..2326b51a1 100644
--- a/scss/components/_tooltip.scss
+++ b/scss/components/_tooltip.scss
@@ -6,6 +6,14 @@
 /// @group tooltip
 ////
 
+/// Default font weight of the defined term.
+/// @type Keyword | Number
+$has-tip-font-weight: $global-weight-bold !default;
+
+/// Default border bottom of the defined term.
+/// @type List
+$has-tip-border-bottom: dotted 1px $dark-gray !default;
+
 /// Default color of the tooltip background.
 /// @type Color
 $tooltip-background-color: $black !default;
@@ -39,8 +47,8 @@ $tooltip-pip-offset: 1.25rem !default;
 $tooltip-radius: $global-radius !default;
 
 @mixin has-tip {
-  border-bottom: dotted 1px $dark-gray;
-  font-weight: bold;
+  border-bottom: $has-tip-border-bottom;
+  font-weight: $has-tip-font-weight;
   position: relative;
   display: inline-block;
   cursor: help;
diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
index b98b980f5..cbbc873c5 100644
--- a/scss/settings/_settings.scss
+++ b/scss/settings/_settings.scss
@@ -528,6 +528,8 @@ $titlebar-icon-spacing: 0.25rem;
 // 34. Tooltip
 // -----------
 
+$has-tip-border-bottom: dotted 1px $dark-gray;
+$has-tip-font-weight: $global-weight-bold;
 $tooltip-background-color: $black;
 $tooltip-color: $white;
 $tooltip-padding: 0.75rem;
@@ -544,4 +546,3 @@ $topbar-padding: 0.5rem;
 $topbar-background: $light-gray;
 $topbar-link-color: $primary-color;
 $topbar-input-width: 200px;
-