Update border-radius docs.

Author: mrmrs

docs/themes/border-radius/index.html

@@ -73,23 +73,24 @@ <h4 class="f4 mv0 fw6 dib mr4">tachyons-border-radius</h4>
   <h2 class="f3">Examples</h2>
   <h3 class="f5 pt4">Border Radius</h3>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br0 w3 h3 dib">
-    <code>.br0</code>
+    <code class="f6">.br0</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br1 w3 h3 dib">
-    <code>.br1</code>
+    <code class="f6">.br1</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br2 w3 h3 dib">
-    <code>.br2</code>
+    <code class="f6">.br2</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br3 w3 h3 dib">
-    <code>.br4</code>
+    <code class="f6">.br4</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br4 w3 h3 dib">
-    <code>.br5</code>
+    <code class="f6">.br5</code>
   </div>
-  <div class="dt w5">
-    <div class="f6 bg-near-white ba b--black-10 br-100 tc dtc h5 v-mid">
-      <code>.br-100</code> with fixed height &amp; width
+  <h3 class="fw4">Combine .br-100 with a fixed height and width to make a circle</h3>
+  <div class="dt w4">
+    <div class="f6 bg-near-white ba b--black-10 br-100 tc dtc h4 v-mid pa2">
+      <code class="f6">.br-100</code>
     </div>
   </div>
   <div class="mt5 cf">

src/templates/docs/border-radius/index.html

@@ -46,23 +46,24 @@ <h4 class="f4 mv0 fw6 dib mr4"><%= name %></h4>
   <h2 class="f3">Examples</h2>
   <h3 class="f5 pt4">Border Radius</h3>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br0 w3 h3 dib">
-    <code>.br0</code>
+    <code class="f6">.br0</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br1 w3 h3 dib">
-    <code>.br1</code>
+    <code class="f6">.br1</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br2 w3 h3 dib">
-    <code>.br2</code>
+    <code class="f6">.br2</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br3 w3 h3 dib">
-    <code>.br4</code>
+    <code class="f6">.br4</code>
   </div>
   <div class="mb3 ph2 pv4 ba b--black-10 bg-near-white br4 w3 h3 dib">
-    <code>.br5</code>
+    <code class="f6">.br5</code>
   </div>
-  <div class="dt w5">
-    <div class="f6 bg-near-white ba b--black-10 br-100 tc dtc h5 v-mid">
-      <code>.br-100</code> with fixed height &amp; width
+  <h3 class="fw4">Combine .br-100 with a fixed height and width to make a circle</h3>
+  <div class="dt w4">
+    <div class="f6 bg-near-white ba b--black-10 br-100 tc dtc h4 v-mid pa2">
+      <code class="f6">.br-100</code>
     </div>
   </div>
   <div class="mt5 cf">