Update components

Author: mrmrs

components/articles/feature/index.html

@@ -43,7 +43,7 @@ <h1 class="f1 f-headline-l fw1 i white-60">The Chronicles</h1>
   <div class="center measure-wide f5 pv5 lh-copy ph2">
     <h1 class="f1 lh-title">The repercussion of ugliness is endless</h1>
     <p>
-      The choice of paper size is one of the  rst of any given work to be printed. There are two basic paper size systems in the world: the international A sizes, and the American sizes.
+      The choice of paper size is one of the  first of any given work to be printed. There are two basic paper size systems in the world: the international A sizes, and the American sizes.
     </p>
     <p>
       The international Standard paper sizes, called the A series, is based
@@ -99,7 +99,7 @@ <h2 class="f5">HTML</h2>
   &lt;div class=&quot;center measure-wide f5 pv5 lh-copy ph2&quot;&gt;
     &lt;h1 class=&quot;f1 lh-title&quot;&gt;The repercussion of ugliness is endless&lt;/h1&gt;
     &lt;p&gt;
-      The choice of paper size is one of the  rst of any given work to be printed. There are two basic paper size systems in the world: the international A sizes, and the American sizes.
+      The choice of paper size is one of the  first of any given work to be printed. There are two basic paper size systems in the world: the international A sizes, and the American sizes.
     &lt;/p&gt;
     &lt;p&gt;
       The international Standard paper sizes, called the A series, is based
@@ -414,6 +414,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -445,8 +452,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -551,6 +556,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -572,6 +579,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>

components/articles/full-bleed-background/index.html

@@ -341,6 +341,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -372,8 +379,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -478,6 +483,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -499,6 +506,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>

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

@@ -293,6 +293,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -324,8 +331,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -430,6 +435,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -451,6 +458,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>

components/articles/left-title-top-border/index.html

@@ -367,6 +367,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -398,8 +405,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -504,6 +509,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -525,6 +532,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>

components/articles/left-title/index.html

@@ -314,6 +314,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -345,8 +352,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -451,6 +456,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -472,6 +479,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>

components/articles/photo-essay/index.html

@@ -544,6 +544,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -575,8 +582,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -681,6 +686,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -702,6 +709,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>

components/articles/pull-quote/index.html

@@ -267,6 +267,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -298,8 +305,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -404,6 +409,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -425,6 +432,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>

components/articles/single-column-large-title/index.html

@@ -376,6 +376,13 @@ <h2 class="f5 mb2 ttc mid-gray">collections</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">definition-lists</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/definition-lists/simple/index.html">Simple</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 
@@ -407,8 +414,6 @@ <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>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/headers/startup-hero/index.html">Startup Hero</a>
@@ -513,6 +518,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/follower-notifications/index.html">Follower Notifications</a>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/hashtags/index.html">Hashtags</a>
+      
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/items-image-title-price/index.html">Items Image Title Price</a>
 
         <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/large-links-inline/index.html">Large Links Inline</a>
@@ -534,6 +541,8 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
     <div>
       <h2 class="f5 mb2 ttc mid-gray">nav</h2>
 
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/nav/fixed-semi-transparent/index.html">Fixed Semi Transparent</a>
+      
         <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>