Merge pull request #176 from daninfpj/feature/typographic-details

Typographic details

Author: johno

components/article-lists/title-preview-author-media-flipped/index.html

@@ -1103,7 +1103,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
   </div>
   <p class="f6 measure copy lh-copy">
     Have a question? Need help? Feel free to open an issue on GitHub or ask a
-    question in our slack channel. We're here to try and help make designing in
+    question in our slack channel. We’re here to try and help make designing in
     the browser fun.
   </p>
   <div class="pt4 cf mw5">
@@ -1114,7 +1114,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
-    ταχύς or tachys, meaning "swift, quick, fast, rapid"
+    ταχύς or tachys, meaning “swift, quick, fast, rapid”
   </small>
 
 </div>

components/article-lists/title-preview-author-media-flipped/screenshot.jpg

@@ -1118,7 +1118,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
   </div>
   <p class="f6 measure copy lh-copy">
     Have a question? Need help? Feel free to open an issue on GitHub or ask a
-    question in our slack channel. We're here to try and help make designing in
+    question in our slack channel. We’re here to try and help make designing in
     the browser fun.
   </p>
   <div class="pt4 cf mw5">
@@ -1129,7 +1129,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
-    ταχύς or tachys, meaning "swift, quick, fast, rapid"
+    ταχύς or tachys, meaning “swift, quick, fast, rapid”
   </small>
 
 </div>

components/article-lists/title-preview-author-media/index.html

@@ -197,7 +197,7 @@ <h2 class="f5">css</h2>
 }
 
 .bg-dark-gray {
-    background-color: #333;
+    background-color: #4d4d4f;
 }
 
 .pv5 {
@@ -1083,7 +1083,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
   </div>
   <p class="f6 measure copy lh-copy">
     Have a question? Need help? Feel free to open an issue on GitHub or ask a
-    question in our slack channel. We're here to try and help make designing in
+    question in our slack channel. We’re here to try and help make designing in
     the browser fun.
   </p>
   <div class="pt4 cf mw5">
@@ -1094,7 +1094,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
-    ταχύς or tachys, meaning "swift, quick, fast, rapid"
+    ταχύς or tachys, meaning “swift, quick, fast, rapid”
   </small>
 
 </div>

components/article-lists/title-preview-author-media/screenshot.jpg

@@ -1010,7 +1010,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
   </div>
   <p class="f6 measure copy lh-copy">
     Have a question? Need help? Feel free to open an issue on GitHub or ask a
-    question in our slack channel. We're here to try and help make designing in
+    question in our slack channel. We’re here to try and help make designing in
     the browser fun.
   </p>
   <div class="pt4 cf mw5">
@@ -1021,7 +1021,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
-    ταχύς or tachys, meaning "swift, quick, fast, rapid"
+    ταχύς or tachys, meaning “swift, quick, fast, rapid”
   </small>
 
 </div>

components/articles/feature/index.html

@@ -890,7 +890,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
   </div>
   <p class="f6 measure copy lh-copy">
     Have a question? Need help? Feel free to open an issue on GitHub or ask a
-    question in our slack channel. We're here to try and help make designing in
+    question in our slack channel. We’re here to try and help make designing in
     the browser fun.
   </p>
   <div class="pt4 cf mw5">
@@ -901,7 +901,7 @@ <h2 class="f6 fw6 mb2 ttc black-70">Text</h2>
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
-    ταχύς or tachys, meaning "swift, quick, fast, rapid"
+    ταχύς or tachys, meaning “swift, quick, fast, rapid”
   </small>
 
 </div>