$$$

Author: mrmrs

components/index.html

@@ -11,6 +11,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); padding-bottom: 24px; }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
 </head>
@@ -177,13 +190,17 @@ <h1 class="f6 b ttu tracked mt4">nav</h1>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
       <script>

docs/debug/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -526,13 +539,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
         <script>

docs/elements/forms/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -46,16 +59,16 @@
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-forms</h4>
-        <span class="f4 b dib pl0 ml0 mr4">v2.0.1</span>
-        <span class="f4 b dib pl0 ml0 mr4">94 B</span>
+        <span class="f4 b dib pl0 ml0 mr4">v3.0.0</span>
+        <span class="f4 b dib pl0 ml0 mr4">66 B</span>
         <div>
           <dl class="dib mr4 mt0">
             <dt class="f6 db">Declarations </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">4</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">2</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Selectors </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">2</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">1</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Max. Specificity Score </dt>
@@ -202,13 +215,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
         <script>

docs/elements/images/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -162,13 +175,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
         <script>

docs/elements/links/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -221,13 +234,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
         <script>

docs/elements/lists/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -204,13 +217,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
         <script>

docs/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -133,13 +146,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
 

docs/layout/box-sizing/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -241,13 +254,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
         <script>

docs/layout/clearfix/index.html

@@ -13,6 +13,19 @@
 <style>
   .blue { color: #0074D9; }
   .bg-blue { background-color: #0074D9; }
+
+  #carbonads span:before,
+  #carbonads span:after { content: " "; display: table; }
+  #carbonads span:after { clear: both; }
+  #carbonads span {       *zoom: 1; }
+
+  #carbonads span { padding: 8px; outline: 1px solid rgba(0,0,0,.1); background: rgba(255,255,255,.1); }
+
+  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
+  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
+  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
+  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }
+
 </style>
 
   </head>
@@ -45,24 +58,24 @@
     <main class="">
       <article class="bg-near-white bt b--black-10 pa3 ph5-ns">
         <h4 class="f4 mv0 fw6 dib mr4">tachyons-clears</h4>
-        <span class="f4 b dib pl0 ml0 mr4">v2.0.4</span>
-        <span class="f4 b dib pl0 ml0 mr4">92 B</span>
+        <span class="f4 b dib pl0 ml0 mr4">v2.2.0</span>
+        <span class="f4 b dib pl0 ml0 mr4">200 B</span>
         <div>
           <dl class="dib mr4 mt0">
             <dt class="f6 db">Declarations </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">4</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">20</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Selectors </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">4</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">20</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Max. Specificity Score </dt>
             <dd class="db pl0 ml0 f4 f2-ns b">11</dd>
           </dl>
           <dl class="dib mr4">
             <dt class="f6 db pr2">Size of Avg. Rule </dt>
-            <dd class="db pl0 ml0 f4 f2-ns b">1.3333333333333333</dd>
+            <dd class="db pl0 ml0 f4 f2-ns b">1.0526315789473684</dd>
           </dl>
         </div>
         <p class="measure f4 f3-ns lh-copy">
@@ -215,13 +228,17 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
     question in our slack channel. We're here to try and help make designing in
     the browser fun.
   </p>
+  <div class="pt4 cf mw5">
+    <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=tachyonsio" id="_carbonads_js"></script>
+  </div>
   <small class="f6 measure db lh-copy mt5">
     A tachyon /ˈtæki.ɒn/ or tachyonic particle is a hypothetical particle
     that always moves faster than light.
     The word comes from the Greek:
     <br> <br>
     ταχύς or tachys, meaning "swift, quick, fast, rapid"
   </small>
+
 </footer>
 
         <script>