diff --git a/scss/_breakpoints.scss b/scss/_breakpoints.scss
index 70a17c5..a5b35f4 100644
--- a/scss/_breakpoints.scss
+++ b/scss/_breakpoints.scss
@@ -1,18 +1,11 @@
 // Scss Breakpoints
 //
-// Sass maps for breakpoints and spacing.
-// These maps are leveraged with the Sass function `map-get` in component Sass code to set spacing and media queries.
-//
 // Styleguide 1.2.0
 
 
 // $spacers
 //
-// Scss map of all the spacing sizes for all breakpoints.
-//
-// - The default values for the map are as follows:
-//   - `xxs: 0.25rem`, `xs: 0.5rem`, `sm: 1rem`, `md: 1.5rem`, `lg: 2rem`, `xl: 3rem`, `xxl: 4rem` 
-// - These values can be overridden.
+// Scss map of all the spacing sizes for all breakpoints
 //
 // Styleguide 1.2.1
 $spacers: (
@@ -29,10 +22,6 @@ $spacers: (
 //
 // Scss map of all the breakpoints for the grid system
 //
-// - The default values for the map are as follows:
-//   - `sm: 0rem`, `md: 48rem`, `lg: 64rem`, `xl: 90rem`
-// - These values can be overridden.
-//
 // Styleguide 1.2.2
 $grid-breakpoints: (
         sm: 0rem,
@@ -41,15 +30,6 @@ $grid-breakpoints: (
         xl: 90rem
 ) !default;
 
-// $grid-breakpoints-max
-//
-// Scss map of all the breakpoints for the grid system
-//
-// - The default values for the map are as follows:
-//   - `sm: 47.9375rem`, `md: 63.9375rem`, `lg: 89.9375rem`
-// - These values can be overridden.
-//
-// Styleguide 1.2.3
 $grid-breakpoints-max:(
         sm: 47.9375rem,
         md: 63.9375rem,
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 2f22eb3..b65f2c6 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -1,13 +1,13 @@
 // SCSS
 //
-// This section will cover the SCSS variables, mixens and functions that are used to build out the framework
+// This section will cover the Scss variables, mixens and functions that are used to build out the framework
 //
 // Styleguide 1.0.0
 
 
-// SCSS Variables
+// Scss Variables
 //
-// SCSS variables are used so that adjustments can be made in a centralized location and to keep
+// Scss variables are used so that adjustments can be made in a centralized location and to keep
 // the code base DRY.
 //
 // Styleguide 1.1.0
@@ -16,10 +16,7 @@
 
 // $default-font-size
 //
-// Default font size. This is important as it will be used to convert pixel values to rems.
-//
-// - The default value is `16`
-// - This can be overriden.
+// Default font size. This is important as it will be used to convert pixel values to rems
 //
 // Styleguide 1.1.1
 $default-font-size: 16 !default;
@@ -29,9 +26,6 @@ $default-font-size: 16 !default;
 //
 // Sass variable that sets the default number of columns used in the CSS Grid system.
 //
-// - The default value is `12`
-// - This can be overriden.
-//
 // Styleguide 1.1.2
 $grid-columns: 12 !default;
 
@@ -41,9 +35,6 @@ $base-col-percent: 100% / $grid-columns;
 //
 // Sass variable that sets the primary font family.
 //
-// - The default value is `Arial, "Helvetica Neue", Helvetica, sans-serif`
-// - This can be overriden.
-//
 // Styleguide 1.1.3
 $primary-font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !default;
 
@@ -51,9 +42,6 @@ $primary-font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !default;
 //
 // Sass variable that sets the secondary font family.
 //
-// - The default value is `Georgia,Times,Times New Roman,serif`
-// - This can be overriden.
-//
 // Styleguide 1.1.4
 $secondary-font-family: Georgia,Times,Times New Roman,serif !default;
 
@@ -61,9 +49,6 @@ $secondary-font-family: Georgia,Times,Times New Roman,serif !default;
 //
 // Sass variable that sets light font weight.
 //
-// - The default value is `300`
-// - This can not be overriden.
-//
 // Styleguide 1.1.5
 $font-weight-light: 300;
 
@@ -71,9 +56,6 @@ $font-weight-light: 300;
 //
 // Sass variable that sets the normal font weight.
 //
-// - The value is `400`
-// - This can not be overriden.
-//
 // Styleguide 1.1.6
 $font-weight-normal: 400;
 
@@ -81,9 +63,6 @@ $font-weight-normal: 400;
 //
 // Sass variable that sets the semi-bold font weight.
 //
-// - The value is `500`
-// - This can not be overriden.
-//
 // Styleguide 1.1.7
 $font-weight-semibold: 500;
 
@@ -91,9 +70,6 @@ $font-weight-semibold: 500;
 //
 // Sass variable that sets the bold font weight.
 //
-// - The value is `700`
-// - This can not be overriden.
-//
 // Styleguide 1.1.8
 $font-weight-bold: 700;
 
@@ -101,18 +77,12 @@ $font-weight-bold: 700;
 //
 // Sass variable that sets the default line height.
 //
-// - The default value is `1.5`
-// - This can be overriden.
-//
 // Styleguide 1.1.9
 $line-height-base: 1.5 !default;
 
-// $headings-line-height
+// $$headings-line-height
 //
 // Sass variable that sets the line height for headers.
 //
-// - The default value is `1.2`
-// - This can be overriden.
-//
 // Styleguide 1.1.10
 $headings-line-height: 1.2 !default;
diff --git a/styleguide/item-1-1-1.html b/styleguide/item-1-1-1.html
index 0e2908d..91983b0 100644
--- a/styleguide/item-1-1-1.html
+++ b/styleguide/item-1-1-1.html
@@ -251,11 +251,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
 
             <div
               class="kss-section__description">
-              <p>Default font size. This is important as it will be used to convert pixel values to rems.</p>
-<ul>
-<li>The default value is <code>16</code></li>
-<li>This can be overriden.</li>
-</ul>
+              <p>Default font size. This is important as it will be used to convert pixel values to rems</p>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-10.html b/styleguide/item-1-1-10.html
index 3a7dffc..0f1ecc0 100644
--- a/styleguide/item-1-1-10.html
+++ b/styleguide/item-1-1-10.html
@@ -239,23 +239,19 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-10">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>110</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>83</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-10">
               <h3 class="kss-section__item kss-section__item--depth-3">
                 <span class="kss-section__ref">1.1.10</span>
-                <span class="kss-section__name">$headings-line-height</span>
+                <span class="kss-section__name">$$headings-line-height</span>
               </h3>
             </a>
 
             <div
               class="kss-section__description">
               <p>Sass variable that sets the line height for headers.</p>
-<ul>
-<li>The default value is <code>1.2</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-2.html b/styleguide/item-1-1-2.html
index 5224d83..48876a0 100644
--- a/styleguide/item-1-1-2.html
+++ b/styleguide/item-1-1-2.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-2">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>28</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>25</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-2">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the default number of columns used in the CSS Grid system.</p>
-<ul>
-<li>The default value is <code>12</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-3.html b/styleguide/item-1-1-3.html
index d867f47..8a9c471 100644
--- a/styleguide/item-1-1-3.html
+++ b/styleguide/item-1-1-3.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-3">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>40</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>34</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-3">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the primary font family.</p>
-<ul>
-<li>The default value is <code>Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-4.html b/styleguide/item-1-1-4.html
index fac4e85..5233b59 100644
--- a/styleguide/item-1-1-4.html
+++ b/styleguide/item-1-1-4.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-4">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>50</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>41</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-4">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the secondary font family.</p>
-<ul>
-<li>The default value is <code>Georgia,Times,Times New Roman,serif</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-5.html b/styleguide/item-1-1-5.html
index cf6c91d..19fc578 100644
--- a/styleguide/item-1-1-5.html
+++ b/styleguide/item-1-1-5.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-5">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>60</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>48</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-5">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets light font weight.</p>
-<ul>
-<li>The default value is <code>300</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-6.html b/styleguide/item-1-1-6.html
index 5c67561..18e3dc1 100644
--- a/styleguide/item-1-1-6.html
+++ b/styleguide/item-1-1-6.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-6">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>70</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>55</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-6">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the normal font weight.</p>
-<ul>
-<li>The value is <code>400</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-7.html b/styleguide/item-1-1-7.html
index 17301c0..8b7abce 100644
--- a/styleguide/item-1-1-7.html
+++ b/styleguide/item-1-1-7.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-7">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>80</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>62</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-7">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the semi-bold font weight.</p>
-<ul>
-<li>The value is <code>500</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-8.html b/styleguide/item-1-1-8.html
index e37a030..e99a679 100644
--- a/styleguide/item-1-1-8.html
+++ b/styleguide/item-1-1-8.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-8">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>90</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>69</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-8">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the bold font weight.</p>
-<ul>
-<li>The value is <code>700</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1-9.html b/styleguide/item-1-1-9.html
index bdf4d4a..7fa3998 100644
--- a/styleguide/item-1-1-9.html
+++ b/styleguide/item-1-1-9.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-1-9">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>100</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>76</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-9">
@@ -252,10 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the default line height.</p>
-<ul>
-<li>The default value is <code>1.5</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-1.html b/styleguide/item-1-1.html
index 4b0c8b1..3d356bb 100644
--- a/styleguide/item-1-1.html
+++ b/styleguide/item-1-1.html
@@ -245,13 +245,13 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <a class="kss-section__permalink" href="#kssref-1-1">
               <h2 class="kss-section__item kss-section__item--depth-2">
                 <span class="kss-section__ref">1.1</span>
-                <span class="kss-section__name">SCSS Variables</span>
+                <span class="kss-section__name">Scss Variables</span>
               </h2>
             </a>
 
             <div
               class="kss-section__description">
-              <p>SCSS variables are used so that adjustments can be made in a centralized location and to keep
+              <p>Scss variables are used so that adjustments can be made in a centralized location and to keep
 the code base DRY.</p>
 </div>
 
diff --git a/styleguide/item-1-2-1.html b/styleguide/item-1-2-1.html
index 1ea8bbb..d396dbe 100644
--- a/styleguide/item-1-2-1.html
+++ b/styleguide/item-1-2-1.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-2-1">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>9</span>
+            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>6</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-2-1">
@@ -251,15 +251,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
 
             <div
               class="kss-section__description">
-              <p>Scss map of all the spacing sizes for all breakpoints.</p>
-<ul>
-<li>The default values for the map are as follows:
-<ul>
-<li><code>xxs: 0.25rem</code>, <code>xs: 0.5rem</code>, <code>sm: 1rem</code>, <code>md: 1.5rem</code>, <code>lg: 2rem</code>, <code>xl: 3rem</code>, <code>xxl: 4rem</code></li>
-</ul>
-</li>
-<li>These values can be overridden.</li>
-</ul>
+              <p>Scss map of all the spacing sizes for all breakpoints</p>
 </div>
 
           </article>
diff --git a/styleguide/item-1-2-2.html b/styleguide/item-1-2-2.html
index 4c63c21..879353a 100644
--- a/styleguide/item-1-2-2.html
+++ b/styleguide/item-1-2-2.html
@@ -239,7 +239,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-3" id="kssref-1-2-2">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>28</span>
+            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>21</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-2-2">
@@ -252,14 +252,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Scss map of all the breakpoints for the grid system</p>
-<ul>
-<li>The default values for the map are as follows:
-<ul>
-<li><code>sm: 0rem</code>, <code>md: 48rem</code>, <code>lg: 64rem</code>, <code>xl: 90rem</code></li>
-</ul>
-</li>
-<li>These values can be overridden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/item-1-2.html b/styleguide/item-1-2.html
index 9ce345d..50576e4 100644
--- a/styleguide/item-1-2.html
+++ b/styleguide/item-1-2.html
@@ -249,11 +249,6 @@ <h2 class="kss-section__item kss-section__item--depth-2">
               </h2>
             </a>
 
-            <div
-              class="kss-section__description">
-              <p>Sass maps for breakpoints and spacing.
-These maps are leveraged with the Sass function <code>map-get</code> in component Sass code to set spacing and media queries.</p>
-</div>
 
           </article>
 
diff --git a/styleguide/item-1.html b/styleguide/item-1.html
index 19f34ea..2e807ee 100644
--- a/styleguide/item-1.html
+++ b/styleguide/item-1.html
@@ -178,7 +178,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <li class="kss-nav__item ">
               <a href="section-1.html#kssref-1-1">
                 <span class="kss-nav__ref">1.1</span>
-                <span class="kss-nav__name">SCSS Variables</span>
+                <span class="kss-nav__name">Scss Variables</span>
               </a>
             </li>
             <li class="kss-nav__item kss-nav__item--grandchild">
@@ -238,7 +238,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <li class="kss-nav__item kss-nav__item--grandchild">
               <a href="section-1.html#kssref-1-1-10">
                 <span class="kss-nav__ref">1.1.10</span>
-                <span class="kss-nav__name">$headings-line-height</span>
+                <span class="kss-nav__name">$$headings-line-height</span>
               </a>
             </li>
             <li class="kss-nav__item ">
@@ -259,12 +259,6 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
                 <span class="kss-nav__name">$grid-breakpoints</span>
               </a>
             </li>
-            <li class="kss-nav__item kss-nav__item--grandchild">
-              <a href="section-1.html#kssref-1-2-3">
-                <span class="kss-nav__ref">1.2.3</span>
-                <span class="kss-nav__name">$grid-breakpoints-max</span>
-              </a>
-            </li>
             <li class="kss-nav__item ">
               <a href="section-1.html#kssref-1-3">
                 <span class="kss-nav__ref">1.3</span>
@@ -379,7 +373,7 @@ <h1 class="kss-section__item kss-section__item--depth-1">
 
             <div
               class="kss-section__description">
-              <p>This section will cover the SCSS variables, mixens and functions that are used to build out the framework</p>
+              <p>This section will cover the Scss variables, mixens and functions that are used to build out the framework</p>
 </div>
 
           </article>
diff --git a/styleguide/item-9-1.html b/styleguide/item-9-1.html
index 15efad6..93e9694 100644
--- a/styleguide/item-9-1.html
+++ b/styleguide/item-9-1.html
@@ -239,23 +239,26 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
       <header class="kss-section kss-section--depth-2" id="kssref-9-1">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>34</span>
+            <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>18</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-9-1">
               <h2 class="kss-section__item kss-section__item--depth-2">
                 <span class="kss-section__ref">9.1</span>
-                <span class="kss-section__name">@mixin svg-color-active-hover</span>
+                <span class="kss-section__name">@mixin link-color-active-hover</span>
               </h2>
             </a>
 
             <div
               class="kss-section__description">
-              <p>Mixin to add hover and active styles to svg fill</p>
+              <p>Mixin to add hover and active styles to text color</p>
+<ul>
+<li>Params:
 <ul>
-<li>Params:</li>
 <li><code>$color-prop</code>: Color to lighten (defaults to $ui-primary-font-color)</li>
 </ul>
+</li>
+</ul>
 </div>
 
           </article>
@@ -276,6 +279,4 @@ <h2 class="kss-section__item kss-section__item--depth-2">
   </div>
 </body>
 
-</html>/body>
-
 </html>
\ No newline at end of file
diff --git a/styleguide/item-9.html b/styleguide/item-9.html
index d647825..7d61fb1 100644
--- a/styleguide/item-9.html
+++ b/styleguide/item-9.html
@@ -226,13 +226,13 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <li class="kss-nav__item ">
               <a href="section-9.html#kssref-9-1">
                 <span class="kss-nav__ref">9.1</span>
-                <span class="kss-nav__name">@mixin link-color-active-hover</span>
+                <span class="kss-nav__name">@mixin svg-color-active-hover</span>
               </a>
             </li>
             <li class="kss-nav__item ">
               <a href="section-9.html#kssref-9-1">
                 <span class="kss-nav__ref">9.1</span>
-                <span class="kss-nav__name">@mixin svg-color-active-hover</span>
+                <span class="kss-nav__name">@mixin link-color-active-hover</span>
               </a>
             </li>
           </ul>
diff --git a/styleguide/section-1.html b/styleguide/section-1.html
index 2f21870..74f242a 100644
--- a/styleguide/section-1.html
+++ b/styleguide/section-1.html
@@ -178,7 +178,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <li class="kss-nav__item ">
               <a href="section-1.html#kssref-1-1">
                 <span class="kss-nav__ref">1.1</span>
-                <span class="kss-nav__name">SCSS Variables</span>
+                <span class="kss-nav__name">Scss Variables</span>
               </a>
             </li>
             <li class="kss-nav__item kss-nav__item--grandchild">
@@ -238,7 +238,7 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <li class="kss-nav__item kss-nav__item--grandchild">
               <a href="section-1.html#kssref-1-1-10">
                 <span class="kss-nav__ref">1.1.10</span>
-                <span class="kss-nav__name">$headings-line-height</span>
+                <span class="kss-nav__name">$$headings-line-height</span>
               </a>
             </li>
             <li class="kss-nav__item ">
@@ -259,12 +259,6 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
                 <span class="kss-nav__name">$grid-breakpoints</span>
               </a>
             </li>
-            <li class="kss-nav__item kss-nav__item--grandchild">
-              <a href="section-1.html#kssref-1-2-3">
-                <span class="kss-nav__ref">1.2.3</span>
-                <span class="kss-nav__name">$grid-breakpoints-max</span>
-              </a>
-            </li>
             <li class="kss-nav__item ">
               <a href="section-1.html#kssref-1-3">
                 <span class="kss-nav__ref">1.3</span>
@@ -379,7 +373,7 @@ <h1 class="kss-section__item kss-section__item--depth-1">
 
             <div
               class="kss-section__description">
-              <p>This section will cover the SCSS variables, mixens and functions that are used to build out the framework</p>
+              <p>This section will cover the Scss variables, mixens and functions that are used to build out the framework</p>
 </div>
 
           </article>
@@ -395,13 +389,13 @@ <h1 class="kss-section__item kss-section__item--depth-1">
             <a class="kss-section__permalink" href="#kssref-1-1">
               <h2 class="kss-section__item kss-section__item--depth-2">
                 <span class="kss-section__ref">1.1</span>
-                <span class="kss-section__name">SCSS Variables</span>
+                <span class="kss-section__name">Scss Variables</span>
               </h2>
             </a>
 
             <div
               class="kss-section__description">
-              <p>SCSS variables are used so that adjustments can be made in a centralized location and to keep
+              <p>Scss variables are used so that adjustments can be made in a centralized location and to keep
 the code base DRY.</p>
 </div>
 
@@ -424,11 +418,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
 
             <div
               class="kss-section__description">
-              <p>Default font size. This is important as it will be used to convert pixel values to rems.</p>
-<ul>
-<li>The default value is <code>16</code></li>
-<li>This can be overriden.</li>
-</ul>
+              <p>Default font size. This is important as it will be used to convert pixel values to rems</p>
 </div>
 
           </article>
@@ -438,7 +428,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-2">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>28</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>25</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-2">
@@ -451,10 +441,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the default number of columns used in the CSS Grid system.</p>
-<ul>
-<li>The default value is <code>12</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -464,7 +450,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-3">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>40</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>34</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-3">
@@ -477,10 +463,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the primary font family.</p>
-<ul>
-<li>The default value is <code>Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -490,7 +472,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-4">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>50</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>41</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-4">
@@ -503,10 +485,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the secondary font family.</p>
-<ul>
-<li>The default value is <code>Georgia,Times,Times New Roman,serif</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -516,7 +494,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-5">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>60</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>48</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-5">
@@ -529,10 +507,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets light font weight.</p>
-<ul>
-<li>The default value is <code>300</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -542,7 +516,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-6">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>70</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>55</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-6">
@@ -555,10 +529,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the normal font weight.</p>
-<ul>
-<li>The value is <code>400</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -568,7 +538,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-7">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>80</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>62</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-7">
@@ -581,10 +551,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the semi-bold font weight.</p>
-<ul>
-<li>The value is <code>500</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -594,7 +560,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-8">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>90</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>69</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-8">
@@ -607,10 +573,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the bold font weight.</p>
-<ul>
-<li>The value is <code>700</code></li>
-<li>This can not be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -620,7 +582,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-9">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>100</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>76</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-9">
@@ -633,10 +595,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Sass variable that sets the default line height.</p>
-<ul>
-<li>The default value is <code>1.5</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -646,23 +604,19 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-1-10">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>110</span>
+            <p class="kss-section__source">Source: <span>_variables.scss</span>, line <span>83</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-1-10">
               <h3 class="kss-section__item kss-section__item--depth-3">
                 <span class="kss-section__ref">1.1.10</span>
-                <span class="kss-section__name">$headings-line-height</span>
+                <span class="kss-section__name">$$headings-line-height</span>
               </h3>
             </a>
 
             <div
               class="kss-section__description">
               <p>Sass variable that sets the line height for headers.</p>
-<ul>
-<li>The default value is <code>1.2</code></li>
-<li>This can be overriden.</li>
-</ul>
 </div>
 
           </article>
@@ -682,11 +636,6 @@ <h2 class="kss-section__item kss-section__item--depth-2">
               </h2>
             </a>
 
-            <div
-              class="kss-section__description">
-              <p>Sass maps for breakpoints and spacing.
-These maps are leveraged with the Sass function <code>map-get</code> in component Sass code to set spacing and media queries.</p>
-</div>
 
           </article>
 
@@ -695,7 +644,7 @@ <h2 class="kss-section__item kss-section__item--depth-2">
         <section class="kss-section kss-section--depth-3" id="kssref-1-2-1">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>9</span>
+            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>6</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-2-1">
@@ -707,15 +656,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
 
             <div
               class="kss-section__description">
-              <p>Scss map of all the spacing sizes for all breakpoints.</p>
-<ul>
-<li>The default values for the map are as follows:
-<ul>
-<li><code>xxs: 0.25rem</code>, <code>xs: 0.5rem</code>, <code>sm: 1rem</code>, <code>md: 1.5rem</code>, <code>lg: 2rem</code>, <code>xl: 3rem</code>, <code>xxl: 4rem</code></li>
-</ul>
-</li>
-<li>These values can be overridden.</li>
-</ul>
+              <p>Scss map of all the spacing sizes for all breakpoints</p>
 </div>
 
           </article>
@@ -725,7 +666,7 @@ <h3 class="kss-section__item kss-section__item--depth-3">
         <section class="kss-section kss-section--depth-3" id="kssref-1-2-2">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>28</span>
+            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>21</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-1-2-2">
@@ -738,44 +679,6 @@ <h3 class="kss-section__item kss-section__item--depth-3">
             <div
               class="kss-section__description">
               <p>Scss map of all the breakpoints for the grid system</p>
-<ul>
-<li>The default values for the map are as follows:
-<ul>
-<li><code>sm: 0rem</code>, <code>md: 48rem</code>, <code>lg: 64rem</code>, <code>xl: 90rem</code></li>
-</ul>
-</li>
-<li>These values can be overridden.</li>
-</ul>
-</div>
-
-          </article>
-
-
-    </section>
-        <section class="kss-section kss-section--depth-3" id="kssref-1-2-3">
-
-          <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_breakpoints.scss</span>, line <span>44</span>
-            </p>
-
-            <a class="kss-section__permalink" href="#kssref-1-2-3">
-              <h3 class="kss-section__item kss-section__item--depth-3">
-                <span class="kss-section__ref">1.2.3</span>
-                <span class="kss-section__name">$grid-breakpoints-max</span>
-              </h3>
-            </a>
-
-            <div
-              class="kss-section__description">
-              <p>Scss map of all the breakpoints for the grid system</p>
-<ul>
-<li>The default values for the map are as follows:
-<ul>
-<li><code>sm: 47.9375rem</code>, <code>md: 63.9375rem</code>, <code>lg: 89.9375rem</code></li>
-</ul>
-</li>
-<li>These values can be overridden.</li>
-</ul>
 </div>
 
           </article>
diff --git a/styleguide/section-9.html b/styleguide/section-9.html
index 90be058..4b533b6 100644
--- a/styleguide/section-9.html
+++ b/styleguide/section-9.html
@@ -226,13 +226,13 @@ <h1 class="kss-navigation__title kss-title">News Theme CSS</h1>
             <li class="kss-nav__item ">
               <a href="section-9.html#kssref-9-1">
                 <span class="kss-nav__ref">9.1</span>
-                <span class="kss-nav__name">@mixin link-color-active-hover</span>
+                <span class="kss-nav__name">@mixin svg-color-active-hover</span>
               </a>
             </li>
             <li class="kss-nav__item ">
               <a href="section-9.html#kssref-9-1">
                 <span class="kss-nav__ref">9.1</span>
-                <span class="kss-nav__name">@mixin svg-color-active-hover</span>
+                <span class="kss-nav__name">@mixin link-color-active-hover</span>
               </a>
             </li>
           </ul>
@@ -275,26 +275,23 @@ <h1 class="kss-section__item kss-section__item--depth-1">
         <section class="kss-section kss-section--depth-2" id="kssref-9-1">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>18</span>
+            <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>34</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-9-1">
               <h2 class="kss-section__item kss-section__item--depth-2">
                 <span class="kss-section__ref">9.1</span>
-                <span class="kss-section__name">@mixin link-color-active-hover</span>
+                <span class="kss-section__name">@mixin svg-color-active-hover</span>
               </h2>
             </a>
 
             <div
               class="kss-section__description">
-              <p>Mixin to add hover and active styles to text color</p>
-<ul>
-<li>Params:
+              <p>Mixin to add hover and active styles to svg fill</p>
 <ul>
+<li>Params:</li>
 <li><code>$color-prop</code>: Color to lighten (defaults to $ui-primary-font-color)</li>
 </ul>
-</li>
-</ul>
 </div>
 
           </article>
@@ -304,23 +301,26 @@ <h2 class="kss-section__item kss-section__item--depth-2">
         <section class="kss-section kss-section--depth-2" id="kssref-9-1">
 
           <article class="kss-section__content">
-            <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>34</span>
+            <p class="kss-section__source">Source: <span>_mixins.scss</span>, line <span>18</span>
             </p>
 
             <a class="kss-section__permalink" href="#kssref-9-1">
               <h2 class="kss-section__item kss-section__item--depth-2">
                 <span class="kss-section__ref">9.1</span>
-                <span class="kss-section__name">@mixin svg-color-active-hover</span>
+                <span class="kss-section__name">@mixin link-color-active-hover</span>
               </h2>
             </a>
 
             <div
               class="kss-section__description">
-              <p>Mixin to add hover and active styles to svg fill</p>
+              <p>Mixin to add hover and active styles to text color</p>
+<ul>
+<li>Params:
 <ul>
-<li>Params:</li>
 <li><code>$color-prop</code>: Color to lighten (defaults to $ui-primary-font-color)</li>
 </ul>
+</li>
+</ul>
 </div>
 
           </article>