Update docs

Author: mrmrs

docs/table-of-properties/index.html

@@ -144,7 +144,7 @@ <h3 class="ttu tracked f4">Table of Properties</h3>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-color</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.b--black: var(--black)<br>.b--black-0125: var(--black-0125)<br>.b--black-025: var(--black-025)<br>.b--black-05: var(--black-05)<br>.b--black-10: var(--black-10)<br>.b--black-20: var(--black-20)<br>.b--black-30: var(--black-30)<br>.b--black-40: var(--black-40)<br>.b--black-50: var(--black-50)<br>.b--black-60: var(--black-60)<br>.b--black-70: var(--black-70)<br>.b--black-80: var(--black-80)<br>.b--black-90: var(--black-90)<br>.b--blue: var(--blue)<br>.b--dark-blue: var(--dark-blue)<br>.b--dark-gray: var(--dark-gray)<br>.b--dark-green: var(--dark-green)<br>.b--dark-pink: var(--dark-pink)<br>.b--dark-red: var(--dark-red)<br>.b--gold: var(--gold)<br>.b--gray: var(--gray)<br>.b--green: var(--green)<br>.b--hot-pink: var(--hot-pink)<br>.b--light-blue: var(--light-blue)<br>.b--light-gray: var(--light-gray)<br>.b--light-green: var(--light-green)<br>.b--light-pink: var(--light-pink)<br>.b--light-purple: var(--light-purple)<br>.b--light-red: var(--light-red)<br>.b--light-silver: var(--light-silver)<br>.b--light-yellow: var(--light-yellow)<br>.b--lightest-blue: var(--lightest-blue)<br>.b--mid-gray: var(--mid-gray)<br>.b--navy: var(--navy)<br>.b--near-black: var(--near-black)<br>.b--near-white: var(--near-white)<br>.b--orange: var(--orange)<br>.b--pink: var(--pink)<br>.b--purple: var(--purple)<br>.b--red: var(--red)<br>.b--silver: var(--silver)<br>.b--transparent: var(--transparent)<br>.b--washed-blue: var(--washed-blue)<br>.b--washed-green: var(--washed-green)<br>.b--washed-red: var(--washed-red)<br>.b--washed-yellow: var(--washed-yellow)<br>.b--white: var(--white)<br>.b--white-0125: var(--white-0125)<br>.b--white-025: var(--white-025)<br>.b--white-05: var(--white-05)<br>.b--white-10: var(--white-10)<br>.b--white-20: var(--white-20)<br>.b--white-30: var(--white-30)<br>.b--white-40: var(--white-40)<br>.b--white-50: var(--white-50)<br>.b--white-60: var(--white-60)<br>.b--white-70: var(--white-70)<br>.b--white-80: var(--white-80)<br>.b--white-90: var(--white-90)<br>.b--yellow: var(--yellow)</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-border-colors">border-colors</a></td></tr>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-left-style</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.bl: solid<br>.bl-l: solid<br>.bl-m: solid<br>.bl-ns: solid</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-borders">borders</a></td></tr>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-left-width</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.bl: 1px<br>.bl-0: 0<br>.bl-0-l: 0<br>.bl-0-m: 0<br>.bl-0-ns: 0<br>.bl-l: 1px<br>.bl-m: 1px<br>.bl-ns: 1px</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-borders">borders</a><br><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-border-widths">border-widths</a></td></tr>
-<tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-radius</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.br-100: 100%<br>.br-100-l: 100%<br>.br-100-m: 100%<br>.br-100-ns: 100%<br>.br-pill: 9999px<br>.br-pill-l: 9999px<br>.br-pill-m: 9999px<br>.br-pill-ns: 9999px<br>.br0: 0<br>.br0-l: 0<br>.br0-m: 0<br>.br0-ns: 0<br>.br1: .125rem<br>.br1-l: .125rem<br>.br1-m: .125rem<br>.br1-ns: .125rem<br>.br2: .25rem<br>.br2-l: .25rem<br>.br2-m: .25rem<br>.br2-ns: .25rem<br>.br3: .5rem<br>.br3-l: .5rem<br>.br3-m: .5rem<br>.br3-ns: .5rem<br>.br4: 1rem<br>.br4-l: 1rem<br>.br4-m: 1rem<br>.br4-ns: 1rem</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-border-radius">border-radius</a></td></tr>
+<tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-radius</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.br: .5rem<br>.br-100: 100%<br>.br-100-l: 100%<br>.br-100-m: 100%<br>.br-100-ns: 100%<br>.br-pill: 9999px<br>.br-pill-l: 9999px<br>.br-pill-m: 9999px<br>.br-pill-ns: 9999px<br>.br0: 0<br>.br0-l: 0<br>.br0-m: 0<br>.br0-ns: 0<br>.br1: .125rem<br>.br1-l: .125rem<br>.br1-m: .125rem<br>.br1-ns: .125rem<br>.br2: .25rem<br>.br2-l: .25rem<br>.br2-m: .25rem<br>.br2-ns: .25rem<br>.br3-l: .5rem<br>.br3-m: .5rem<br>.br3-ns: .5rem<br>.br4: 1rem<br>.br4-l: 1rem<br>.br4-m: 1rem<br>.br4-ns: 1rem</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-border-radius">border-radius</a></td></tr>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-radius-top-left</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.br--bottom-l: 0</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-border-radius">border-radius</a></td></tr>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-radius-top-right</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.br--bottom-l: 0</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-border-radius">border-radius</a></td></tr>
 <tr><td class="bb b--black-05 pv3"><pre class="f6 f5-l">border-right-style</pre></td><td class="bb b--black-05 pv3"><pre class="f6 f5-l">.br: solid<br>.br-l: solid<br>.br-m: solid<br>.br-ns: solid</pre></td><td class="bb b--black-05 pv2"><a class="link blue dim f6 f5-l" href="https://github.com/tachyons-css/tachyons-borders">borders</a></td></tr>

docs/table-of-styles/index.html

@@ -0,0 +1,9 @@
+{{{
+  "bodyClass" : "bg-white"
+}}}
+
+<div class="pa4 tc">
+  <img 
+      src="/img/logo.jpg" 
+      class="br-100 ba h3 w3 dib" alt="avatar">
+</div>

src/components/avatars/circle-border.html

@@ -0,0 +1,9 @@
+{{{
+  "bodyClass" : "bg-white"
+}}}
+
+<div class="pa4 tc">
+  <img 
+      src="/img/logo.jpg" 
+      class="br-100 h3 w3 dib" alt="avatar">
+</div>

src/components/avatars/circle.html

@@ -0,0 +1,6 @@
+{{{
+  "bodyClass" : "bg-white"
+}}}
+<div class="tc pa4">
+  <img src="/img/logo.jpg" class="br-100 pa1 ba b--black-10 h3 w3" alt="avatar">
+</div>

src/components/avatars/double-ring.html

@@ -0,0 +1,9 @@
+{{{
+  "bodyClass" : "bg-white"
+}}}
+
+<div class="pa4 tc">
+  <img 
+      src="/img/logo.jpg" 
+      class="br4 h3 w3 dib" alt="avatar">
+</div>

src/components/avatars/rounded-large.html

@@ -0,0 +1,9 @@
+{{{
+  "bodyClass" : "bg-white"
+}}}
+
+<div class="pa4 tc">
+  <img 
+      src="/img/logo.jpg" 
+      class="br2 h3 w3 dib" alt="avatar">
+</div>

src/components/avatars/rounded-medium.html

@@ -0,0 +1,9 @@
+{{{
+  "bodyClass" : "bg-white"
+}}}
+
+<div class="pa4 tc">
+  <img 
+      src="/img/logo.jpg" 
+      class="br1 h3 w3 dib" alt="avatar">
+</div>

src/components/avatars/rounded-small.html

@@ -0,0 +1,9 @@
+{{{
+  "bodyClass" : "bg-white"
+}}}
+
+<div class="pa4 tc">
+  <img 
+      src="/img/logo.jpg" 
+      class="h3 w3 dib" alt="avatar">
+</div>