Added font stack variables

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index a243cc89f335bae05f4b5cbec6d392189f8e5570..63153b98137a4911d5b620797dc836ea4d7c7280 100644 (file)
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -86,6 +86,11 @@ $include-html-global-classes: $include-html-classes;
 // c. Global
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
+// We use these to define default font stacks
+// $font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
+// $font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;
+// $font-family-monospace: Consolas, "Liberation Mono", Courier, monospace;
+
 // We use these to define default font weights
 // $font-weight-normal: normal !default;
 // $font-weight-bold: bold !default;
@@ -121,7 +126,7 @@ $include-html-global-classes: $include-html-classes;
 // We use these to control various global styles
 // $body-bg: $white;
 // $body-font-color: $jet;
-// $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
+// $body-font-family: $font-family-sans-serif;
 // $body-font-weight: $font-weight-normal;
 // $body-font-style: normal;
 
@@ -239,7 +244,7 @@ $include-html-global-classes: $include-html-classes;
 
 // We use these to style <code> tags
 // $code-color: $oil;
-// $code-font-family: Consolas, 'Liberation Mono', Courier, monospace;
+// $code-font-family: $font-family-monospace;
 // $code-font-weight: $font-weight-normal;
 // $code-background-color: scale-color($secondary-color, $lightness: 70%);
 // $code-border-size: 1px;

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index f7f07d8b27cb1acfec827760b61a2c123feffcde..d6a18d6f8a41007208e6240dec0b7c0684b8d1db 100644 (file)
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -248,6 +248,11 @@ $oil           : #333333 !default;
 $jet           : #222222 !default;
 $black         : #000000 !default;
 
+// We use these to define default font stacks
+$font-family-sans-serif: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !default;
+$font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif !default;
+$font-family-monospace: Consolas, "Liberation Mono", Courier, monospace !default;
+
 // We use these to define default font weights
 $font-weight-normal: normal !default;
 $font-weight-bold: bold !default;
@@ -255,7 +260,7 @@ $font-weight-bold: bold !default;
 // We use these to control various global styles
 $body-bg: #fff !default;
 $body-font-color: #222 !default;
-$body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
+$body-font-family: $font-family-sans-serif !default;
 $body-font-weight: $font-weight-normal !default;
 $body-font-style: normal !default;
 

diff --git a/scss/foundation/components/_type.scss b/scss/foundation/components/_type.scss
index f91fa09424fa527930f25dd090977f7599f735b7..bdaef41dc2402f09febf42d2f0a1184b6848f3d7 100644 (file)
--- a/scss/foundation/components/_type.scss
+++ b/scss/foundation/components/_type.scss
@@ -56,7 +56,7 @@ $paragraph-text-rendering: optimizeLegibility !default;
 
 // We use these to style <code> tags
 $code-color: $oil !default;
-$code-font-family: Consolas, 'Liberation Mono', Courier, monospace !default;
+$code-font-family: $font-family-monospace !default;
 $code-font-weight: $font-weight-normal !default;
 $code-background-color: scale-color($secondary-color, $lightness: 70%) !default;
 $code-border-size: 1px !default;