Make type a little smaller.

Author: mrmrs

index.html

@@ -154,14 +154,14 @@ <h1 class="f5 ttu tracked fw6">Principles</h1>
                 <div class="cf">
                   <article class="fl pv2 w-100 w-50-l pr3-l">
                     <h2 class="f4 f1-l fw6 mb0">Responsive</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Everything should be 100% responsive. Your website should work regardless of a users
                       device or screensize.
                     </p>
                   </article>
                   <article class="pv2 fl w-100 w-50-l pl3-l">
                     <h2 class="f4 f1-l fw6 mb0">Readable</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       No matter the lighting, or the device, font-sizes should be
                       large enough and contrast should be high enough for your
                       users to easily read your content.
@@ -173,14 +173,14 @@ <h2 class="f4 f1-l fw6 mb0">Readable</h2>
                     <h2 class="f4 f1-l  fw6 mb0">
                       Modular
                     </h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Tachyons isn't a monolithic framework. It's a collection of small modules
                       that can be mixed and matched or used independently. Use what you need. Leave the rest.
                     </p>
                   </article>
                   <article class="pv2 fl w-100 w-50-l pl3-l">
                     <h2 class="f4 f1-l  fw6 mb0">Performant</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Code should be optimized for performance.
                     </p>
                   </article>
@@ -190,13 +190,13 @@ <h2 class="f4 f1-l  fw6 mb0">Performant</h2>
                     <h2 class="f4 f1-l fw6 mb0">
                       Reusable
                     </h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Doing one thing well, promotes reusability and reduces redundancy in a codebase.
                     </p>
                   </article>
                   <article class="pv2 fl w-100 w-50-l pl0 pl3-l">
                     <h2 class="f4 f1-l fw6 mb0">Documented</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Documenting your design system is the easiest way to creating a shared understanding with teammates.  We
                       aim to create a comprehensive set of docs that make it easy for both beginners
                       &amp; experts to harness the power of Tachyons.

src/templates/index.html

@@ -111,14 +111,14 @@ <h1 class="f5 ttu tracked fw6">Principles</h1>
                 <div class="cf">
                   <article class="fl pv2 w-100 w-50-l pr3-l">
                     <h2 class="f4 f1-l fw6 mb0">Responsive</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Everything should be 100% responsive. Your website should work regardless of a users
                       device or screensize.
                     </p>
                   </article>
                   <article class="pv2 fl w-100 w-50-l pl3-l">
                     <h2 class="f4 f1-l fw6 mb0">Readable</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       No matter the lighting, or the device, font-sizes should be
                       large enough and contrast should be high enough for your
                       users to easily read your content.
@@ -130,14 +130,14 @@ <h2 class="f4 f1-l fw6 mb0">Readable</h2>
                     <h2 class="f4 f1-l  fw6 mb0">
                       Modular
                     </h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Tachyons isn't a monolithic framework. It's a collection of small modules
                       that can be mixed and matched or used independently. Use what you need. Leave the rest.
                     </p>
                   </article>
                   <article class="pv2 fl w-100 w-50-l pl3-l">
                     <h2 class="f4 f1-l  fw6 mb0">Performant</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Code should be optimized for performance.
                     </p>
                   </article>
@@ -147,13 +147,13 @@ <h2 class="f4 f1-l  fw6 mb0">Performant</h2>
                     <h2 class="f4 f1-l fw6 mb0">
                       Reusable
                     </h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Doing one thing well, promotes reusability and reduces redundancy in a codebase.
                     </p>
                   </article>
                   <article class="pv2 fl w-100 w-50-l pl0 pl3-l">
                     <h2 class="f4 f1-l fw6 mb0">Documented</h2>
-                    <p class="f5 f3-ns measure lh-copy mt0">
+                    <p class="f5 f4-ns measure lh-copy mt0">
                       Documenting your design system is the easiest way to creating a shared understanding with teammates.  We
                       aim to create a comprehensive set of docs that make it easy for both beginners
                       &amp; experts to harness the power of Tachyons.