Update styleguide after revert

WPMedia · Jul 28, 2020 · 10212c5 · 10212c5
1 parent 87bd0d4
commit 10212c5
Show file tree

Hide file tree

Showing 21 changed files with 66 additions and 279 deletions.
diff --git 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
@@ -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,78 +35,54 @@ $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;
 
 // $secondary-font-family
 //
 // 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;
 
 // $font-weight-light
 //
 // 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;
 
 // $font-weight-normal
 //
 // 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;
 
 // $font-weight-semibold
 //
 // 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;
 
 // $font-weight-bold
 //
 // 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;
 
 // $line-height-base
 //
 // 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>