From a6228f7b83f84cc49b105ea46346a3c12a775ae3 Mon Sep 17 00:00:00 2001
From: Steven Walker <me@iamwalker.com>
Date: Wed, 18 May 2016 17:04:08 -0400
Subject: [PATCH 1/2] integrating a baseline grid

---
 .../themes/backer/single-ignition_product.php |  10 +-
 wordpress/wp-content/themes/backer/style.css  | 111 ++++++++++++------
 2 files changed, 83 insertions(+), 38 deletions(-)

diff --git a/wordpress/wp-content/themes/backer/single-ignition_product.php b/wordpress/wp-content/themes/backer/single-ignition_product.php
index 99e2a262..9c2ba686 100644
--- a/wordpress/wp-content/themes/backer/single-ignition_product.php
+++ b/wordpress/wp-content/themes/backer/single-ignition_product.php
@@ -92,7 +92,7 @@
             <section id="about">
               <div class="about-box">
 
-                <h1 class="entry-title">About this project</h1>
+                <h2>About this project</h2>
 				
 				        <!--Start adding code for project about -->
                 <p><?php echo $about_project; ?></p>
@@ -103,7 +103,7 @@
               <div class="what-we-box">
                 <div class="row">
                   <div class="col-md-5 col-sm-12 col-xs-12">
-                    <h4>What we’re installing</h4>
+                    <h3>What we’re installing</h3>
                   </div>
                   <div class="col-md-7 col-sm-12 col-xs-12">
                     <div class="insulation">
@@ -135,10 +135,10 @@
               <div class="who-is-box">
                 <div class="row">
                   <div class="col-md-5 col-sm-5 col-xs-12">
-                    <h4>Who is installing?</h4>
+                    <h3>Who is installing?</h3>
                   </div>
                   <div class="col-md-7 col-sm-7 col-xs-12">
-                    <div class="adress">
+                    <div class="address">
                      <?php echo $who_is_installing; ?>
                     </div>
                   </div>
@@ -147,7 +147,7 @@
               <div class="project-time">
                 <div class="row">
                   <div class="col-md-5 col-sm-5 col-xs-12">
-                    <h4>Project timeline</h4>
+                    <h3>Project timeline</h3>
                   </div>
                   <div class="col-md-7 col-sm-7 col-xs-12">
                     <div class="project-tab">
diff --git a/wordpress/wp-content/themes/backer/style.css b/wordpress/wp-content/themes/backer/style.css
index 0914a59f..e946a757 100644
--- a/wordpress/wp-content/themes/backer/style.css
+++ b/wordpress/wp-content/themes/backer/style.css
@@ -61,14 +61,15 @@ html,
 body {
   height: 100%;
   width: 100%;
-  margin: 0;
-  padding: 0;
-  left: 0;
-  top: 0;
-  font-size: 16px;
   color: #585858;
   font-family: "Museo500",'Helvetica Neue', Helvetica, Arial, sans-serif;
   background: #F4F4F4;
+  font-weight: 400;
+  font-style: normal;
+  font-size: 16px;
+  line-height: 1.5rem;
+  padding: 0;
+  margin: 0;
 }
 html {
    overflow-x: hidden;
@@ -86,9 +87,7 @@ html:not(.ie8) body {
    padding: 50px;
    background: #fff;
 }
-section {
-   margin-bottom: 44px;
-}
+
 .left {
    float:left;
 }
@@ -166,44 +165,90 @@ iframe {
 /* ------------------------
 -----   Typography  -----
 ------------------------------*/
-h1, h2, h3, h4, h5, h6, p {
-   margin-bottom: 22px;
-}
+
 h1 {
-  font-size: 2.5rem;
-  line-height: .55rem;
+  font-family: inherit;
+  font-weight: 600;
+  font-style: inherit;
+  font-size: 3.375rem;
+  line-height: 4.5rem;
+  margin-top: 0rem;
+  margin-bottom: 0rem;
 }
-
 h2 {
-  font-size: 2rem;
-  line-height: .675rem;
-
+  font-family: inherit;
+  font-weight: 600;
+  font-style: inherit;
+  font-size: 2.25rem;
+  line-height: 3rem;
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
 }
-
 h3 {
-  font-size: 1.375rem;
-  line-height: 1rem;
+  font-family: inherit;
+  font-weight: 600;
+  font-style: inherit;
+  font-size: 1.5rem;
+  line-height: 1.5rem;
+  margin-top: 1.5rem;
+  margin-bottom: 0rem;
 }
-
 h4 {
-  font-size: 1.125rem;
-  line-height: 1.222rem;
+  font-family: inherit;
+  font-weight: 600;
+  font-style: inherit;
+  font-size: 1rem;
+  line-height: 1.5rem;
+  margin-top: 1.5rem;
+  margin-bottom: 0rem;
 }
-
 h5 {
+  font-family: inherit;
+  font-weight: 400;
+  font-style: italic;
   font-size: 1rem;
-  line-height: 1.375rem;
+  line-height: 1.5rem;
+  margin-top: 1.5rem;
+  margin-bottom: 0rem;
 }
-
-h6 {
-  font-size: 0.875rem;
-  line-height: 1.5714285714rem;
+p, ul, ol, pre, table, blockquote {
+  margin-top: 0rem;
+  margin-bottom: 1.5rem;
 }
-
-p {
-  font-size: 1rem;
-  line-height: 1.375rem;
+ul ul, ol ol, ul ol, ol ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+hr {
+  border: 1px solid;
+  margin: -1px 0;
+}
+b, strong, em, small, code {
+  line-height: 1;
+}
+sup {
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+  top: -0.5em;
 }
+sub {
+  bottom: -0.25em;
+}
+a {
+  color: #268ED9;
+}
+.gridlover-grid {
+  background-image: linear-gradient(to bottom, hsla(200, 100%, 50%, .3) 1px, transparent 1px);
+  background-position: left -1px;
+  background-repeat: repeat;
+  background-size: 1.5rem 1.5rem;
+}
+.gridlover-grid body {
+  box-shadow: 1px 0px 0px hsla(200, 100%, 50%, .3), -1px 0px 0px hsla(200, 100%, 50%, .3);
+}
+
+/*TYPOGRAPHY*/
 
 a {
    color: #F75146;
-- 
GitLab


From 362b2251cc1ef871749f746209963d9258e73c71 Mon Sep 17 00:00:00 2001
From: Steven Walker <me@iamwalker.com>
Date: Wed, 18 May 2016 17:09:56 -0400
Subject: [PATCH 2/2] more typography edits

---
 .../wp-content/themes/backer/single-ignition_product.php  | 2 +-
 wordpress/wp-content/themes/backer/style.css              | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/wordpress/wp-content/themes/backer/single-ignition_product.php b/wordpress/wp-content/themes/backer/single-ignition_product.php
index 9c2ba686..fa63e084 100644
--- a/wordpress/wp-content/themes/backer/single-ignition_product.php
+++ b/wordpress/wp-content/themes/backer/single-ignition_product.php
@@ -273,7 +273,7 @@
                   				</div>
         				        </div>
                         
-                        <div class="suppoters">
+                        <div class="supporters">
         				        <!--Start adding code for data days left -->
                           <p><span><?php echo do_shortcode( '[project_daystogo product="' . $project_id . '"]' );  ?></span>days left</p>
         				        <!--end adding code for days left -->
diff --git a/wordpress/wp-content/themes/backer/style.css b/wordpress/wp-content/themes/backer/style.css
index e946a757..ebf6b295 100644
--- a/wordpress/wp-content/themes/backer/style.css
+++ b/wordpress/wp-content/themes/backer/style.css
@@ -170,8 +170,8 @@ h1 {
   font-family: inherit;
   font-weight: 600;
   font-style: inherit;
-  font-size: 3.375rem;
-  line-height: 4.5rem;
+  font-size: 2.75rem;
+  line-height: 3rem;
   margin-top: 0rem;
   margin-bottom: 0rem;
 }
@@ -179,7 +179,7 @@ h2 {
   font-family: inherit;
   font-weight: 600;
   font-style: inherit;
-  font-size: 2.25rem;
+  font-size: 1.9375rem;
   line-height: 3rem;
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
@@ -188,7 +188,7 @@ h3 {
   font-family: inherit;
   font-weight: 600;
   font-style: inherit;
-  font-size: 1.5rem;
+  font-size: 1.375rem;
   line-height: 1.5rem;
   margin-top: 1.5rem;
   margin-bottom: 0rem;
-- 
GitLab