Update the border-radius doc

Author: mrmrs

docs/themes/border-radius/index.html

@@ -88,12 +88,18 @@ <h3 class="f5 pt4">Border Radius</h3>
         <div class="mb3 ph2 pv4 ba b--black-10 bg-washed-blue br1 w3 h3 dib">
           <code class="f6">.br1</code>
         </div>
-        <div class="mb3 ph2 pv4 ba b--black-10 bg-washed-blue br2 w3 h3 dib">
+        <div class="mb3 ph2 pv4 ba b--black-10 br2 w3 h3 dib">
           <code class="f6">.br2</code>
         </div>
-        <div class="mb3 ph2 pv4 ba b--black-10 bg-washed-blue br3 w3 h3 dib">
+        <div class="mb3 ph2 pv4 ba b--black-10 br3 w3 h3 dib">
+          <code class="f6">.br3</code>
+        </div>
+        <div class="mb3 ph2 pv4 ba b--black-10 br4 w3 h3 dib">
           <code class="f6">.br4</code>
         </div>
+        <div class="mb3 pv2 ph3 ba bw2 black br-pill dib">
+          <code class="f6">.br-pill</code>
+        </div>
         <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-washed-blue ba b--black-10 br-100 tc dtc h4 v-mid pa2">

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

@@ -47,12 +47,18 @@ <h3 class="f5 pt4">Border Radius</h3>
         <div class="mb3 ph2 pv4 ba b--black-10 bg-washed-blue br1 w3 h3 dib">
           <code class="f6">.br1</code>
         </div>
-        <div class="mb3 ph2 pv4 ba b--black-10 bg-washed-blue br2 w3 h3 dib">
+        <div class="mb3 ph2 pv4 ba b--black-10 br2 w3 h3 dib">
           <code class="f6">.br2</code>
         </div>
-        <div class="mb3 ph2 pv4 ba b--black-10 bg-washed-blue br3 w3 h3 dib">
+        <div class="mb3 ph2 pv4 ba b--black-10 br3 w3 h3 dib">
+          <code class="f6">.br3</code>
+        </div>
+        <div class="mb3 ph2 pv4 ba b--black-10 br4 w3 h3 dib">
           <code class="f6">.br4</code>
         </div>
+        <div class="mb3 pv2 ph3 ba bw2 black br-pill dib">
+          <code class="f6">.br-pill</code>
+        </div>
         <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-washed-blue ba b--black-10 br-100 tc dtc h4 v-mid pa2">