-- should be – per Bringhurst.

components/articles/large-title-text/index.html

@@ -28,8 +28,8 @@
   <h1 class="f2 f-subheadline-ns mb4">9.5.1 If the text will be read on the screen, design it for that medium.</h1>
   <p class="gray f6 mb4 ttu tracked">By Robert Bringhurst</p>
   <p class="f4 f3-ns measure lh-copy">
-    Like a forest or a garden or a field, an honest page of letters can absorb --
-    and will repay -- as much attention as it is given. Much type now, however, is
+    Like a forest or a garden or a field, an honest page of letters can absorb &ndash;
+    and will repay &ndash; as much attention as it is given. Much type now, however, is
     composed not for the page but for the screen of a computer. That screen can be
     alive with flowing color, but the best computer monitors have dismal resolution
     (about 130 dpi: one fifth the current norm for laser printers and roughly 5% of
@@ -190,154 +190,154 @@ <h2 class="f5 mb3 mt4">Css stats for this component</h2>
   <div class="fl w-100">
     <h2 class="f5 mt4">Modules referenced</h2>
     <ul class="list pl0 cf lh-copy mw7">
-      
+
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-letter-spacing">tachyons-letter-spacing</a></li>
-  
+
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-line-height">tachyons-line-height</a></li>
-  
+
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-skins">tachyons-skins</a></li>
-  
+
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-spacing">tachyons-spacing</a></li>
-  
+
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-text-transform">tachyons-text-transform</a></li>
-  
+
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-type-scale">tachyons-type-scale</a></li>
-  
+
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-typography">tachyons-typography</a></li>
-  
+
     </ul>
   </div>
 </div>
 
-  
+
 
 
   <h4 class="mt5">Install via npm <small class="fw2 f6 db mt1">Only installs the needed tachyons-modules for this component</small></h4>
   <code class="f6">npm i --save tachyons-letter-spacing tachyons-line-height tachyons-skins tachyons-spacing tachyons-text-transform tachyons-type-scale tachyons-typography</code>
   <section class="bt b--black-10 mt5 pv4">
     <h1 class="f6 b ttu">Other Components</h1>
 
-  
+
     <div>
       <h2 class="f5 mb2 ttc mid-gray">articles</h2>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/articles/full-bleed-background/index.html">Full Bleed Background</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/articles/large-title-text/index.html">Large Title Text</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/articles/left-title-top-border/index.html">Left Title Top Border</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/articles/left-title/index.html">Left Title</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/articles/title-text-image/index.html">Title Text Image</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/articles/title-text/index.html">Title Text</a>
-      
+
     </div>
-  
+
     <div>
       <h2 class="f5 mb2 ttc mid-gray">collections</h2>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/news-card/index.html">News Card</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/product-card/index.html">Product Card</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/profile-card-title-subtitle/index.html">Profile Card Title Subtitle</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/profile-card/index.html">Profile Card</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/text-card/index.html">Text Card</a>
-      
+
     </div>
-  
+
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/footers/simple-large-type/index.html">Simple Large Type</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/footers/small-print/index.html">Small Print</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/footers/social-circles/index.html">Social Circles</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/footers/social-text/index.html">Social Text</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/footers/social/index.html">Social</a>
-      
+
     </div>
-  
+
     <div>
       <h2 class="f5 mb2 ttc mid-gray">headers</h2>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/circle-avatar-title-subtitle/index.html">Circle Avatar Title Subtitle</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/rounded-avatar-title-subtitle/index.html">Rounded Avatar Title Subtitle</a>
-      
+
     </div>
-  
+
     <div>
       <h2 class="f5 mb2 ttc mid-gray">layout</h2>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/centered-container/index.html">Centered Container</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object-collapse/index.html">Flag Object Collapse</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/flag-object/index.html">Flag Object</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/four-column-collapse-two/index.html">Four Column Collapse Two</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/four-column/index.html">Four Column</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/two-column-collapse-one/index.html">Two Column Collapse One</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/layout/two-column/index.html">Two Column</a>
-      
+
     </div>
-  
+
     <div>
       <h2 class="f5 mb2 ttc mid-gray">lists</h2>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/border-spaced/index.html">Border Spaced</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/border-tight/index.html">Border Tight</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-inline/index.html">Links Inline</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>
-      
+
     </div>
-  
+
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/large-title-link-list/index.html">Large Title Link List</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/list-overflow/index.html">List Overflow</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/logo-links-inline-collapse/index.html">Logo Links Inline Collapse</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/logo-links-inline/index.html">Logo Links Inline</a>
-      
+
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/title-link-list/index.html">Title Link List</a>
-      
+
     </div>
-  
+
   </section>
   </section>
 </main>
 
-  
+
 
 	<script src="/js/highlight.min.js"></script>
 <script>
@@ -509,5 +509,3 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
 </body>
 </html>
-
-