From: Brett Mason <brettsmason@gmail.com>
Date: Wed, 30 Nov 2016 11:10:43 +0000 (+0000)
Subject: Small docs wording change
X-Git-Tag: v6.3-rc1~14
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=650bf778eaa203b4adfa03b08b1459883a07ddee;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Small docs wording change
---

diff --git a/docs/pages/typography-base.md b/docs/pages/typography-base.md
index ad26ccbad..6ba9a5920 100644
--- a/docs/pages/typography-base.md
+++ b/docs/pages/typography-base.md
@@ -62,7 +62,7 @@ Header  | Default | Medium and up
 `<h5>`  | 17px    | 20px
 `<h6>`  | 16px    | 16px
 
-If you want to go beyond setting just the header font-sizes you can also do this in your <a href="sass.html#the-settings-file">Settings File</a>.
+You can also adjust line height, margin top and margin bottom for each heading size by adding values in your <a href="sass.html#the-settings-file">Settings File</a>.
 
 In its most complete form the `$header-styles` map looks like this:
 
@@ -112,11 +112,14 @@ $header-styles: (
 );
 ```
 
-The values for `'font-size'`/`'fs'`, `'margin-top'`/`'mt'` and `'margin-bottom'`/`'mb'` are transformed into 'rem's. You can use any unit, but if you don't, we assume that you mean 'px'. If you do not set the keys `'font-size'`/`'fs'` defaults to `1rem`, `'margin-top'`/`'mt'` to `0` and `'margin-bottom'`/`'mb'` to `$header-margin-bottom` for size `'small'`. Thereafter the values for a larger size are inherited from the values of the smaller size.
+The values for `'font-size'`/`'fs'`, `'margin-top'`/`'mt'` and `'margin-bottom'`/`'mb'` are transformed into 'rem's. You can use any unit, but if you don't, we assume that you mean 'px'. If you do not set the keys `'font-size'`/`'fs'` defaults to `1rem`, `'margin-top'`/`'mt'` to `0` and `'margin-bottom'`/`'mb'` to `$header-margin-bottom` for size `'small'`. Thereafter the values for a larger size are inherited from the values of the smaller size if no value is entered for a larger breakpoint.
 
 The value for `'line-height'`/`'lh'` is transformed into a unitless number, that expresses the line-height relative to the fonts-size. You can also input any unit. If you don't, we assume that for numbers smaller than or equal to 10, you mean a typical relative line-height. However, if you put in anything larger than 10, we assume you mean 'px', since we have not yet seen relative line-heights that were larger than 10. If you do not set `'line-height'`/`'lh'` it defaults to `$header-lineheight` for size `'small'`. Thereafter the value for a larger size is inherited from the values of the smaller size.
 
-Warning. The `$header-styles` map has replaced `$header-sizes` map in version 6.3. `$header-styles` map is a more general map than `$header-sizes`. `$header-sizes` map is still working and is used to initialize the `$header-styles` map. In a future version `$header-sizes` is going to be depreciated.
+<div class="callout alert">
+  <p><strong>The `$header-styles` map has replaced `$header-sizes` map in version 6.3. `$header-styles` map is a more general map than `$header-sizes`.</strong></p>
+  <p>`$header-sizes` map is still working and is used to initialize the `$header-styles` map. In a future version `$header-sizes` is going to be depreciated.</p>
+</div>
 
 ---