Remove washed blue from some pages.

Author: mrmrs

components/articles/feature/index.html

@@ -73,7 +73,7 @@ <h1 class="f1 lh-title">The repercussion of ugliness is endless</h1>
   </div>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Feature</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/full-bleed-background/index.html

@@ -46,7 +46,7 @@ <h4 class="f3 fw4 i lh-title mt0">Siem Reap, Cambodia</h4>
   </div>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Full Bleed Background</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/large-title-text/index.html

@@ -63,7 +63,7 @@ <h1 class="f2 f-subheadline-ns mb4">9.5.1 If the text will be read on the screen
   </p>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Large Title Text</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/left-title-top-border/index.html

@@ -61,7 +61,7 @@ <h2 class="f3 mid-gray lh-title">
   </div>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Left Title Top Border</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/left-title/index.html

@@ -52,7 +52,7 @@ <h1 class="mb3 mt0 lh-title">Clay in a Potter's Hand</h1>
   </div>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Left Title</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/photo-essay/index.html

@@ -89,7 +89,7 @@ <h2 class="f6 fw6 black">A story by Nancy Drew</h2>
   </div>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Photo Essay</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/single-column-large-title/index.html

@@ -65,7 +65,7 @@ <h1 class="f3 f2-m f-subheadline-l measure lh-title fw1 mt0">A Night of Taking P
   </div>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Single Column Large Title</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/title-text-image/index.html

@@ -41,7 +41,7 @@ <h1 class="f2">Title Text with Image</h1>
   </p>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Title Text Image</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/articles/title-text/index.html

@@ -40,7 +40,7 @@ <h1 class="">Title</h1>
   </p>
 </article>
 
-  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
+  <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-white">
   <h1 class="f4 f3-ns mt4">Title Text</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/index.html

@@ -23,7 +23,7 @@
 
 </head>
 <body class="w-100 sans-serif">
-  <header class="w-100 dt pa3 ph5-ns bg-washed-blue">
+  <header class="w-100 dt pa3 ph5-ns bg-white">
   <div class="dtc v-mid tl w-50">
     <a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-70 dim" title="Home">
       Tachyons

components/layout/five-column-collapse-asymmetrical/index.html

@@ -31,7 +31,7 @@
   <div class="fl w-25 w-20-l tc pv5 bg-black-10">
     2
   </div>
-  <div class="fl w-75 w-20-l tc pv5 bg-black-05">
+  <div class="fl w-75 w-20-l tc pv5 bg-black-20">
     3
   </div>
   <div class="fl w-75 w-20-l tc pv5 bg-black-10">
@@ -56,7 +56,7 @@ <h2 class="f5">HTML</h2>
   &lt;div class=&quot;fl w-25 w-20-l tc pv5 bg-black-10&quot;&gt;
     2
   &lt;/div&gt;
-  &lt;div class=&quot;fl w-75 w-20-l tc pv5 bg-black-05&quot;&gt;
+  &lt;div class=&quot;fl w-75 w-20-l tc pv5 bg-black-20&quot;&gt;
     3
   &lt;/div&gt;
   &lt;div class=&quot;fl w-75 w-20-l tc pv5 bg-black-10&quot;&gt;
@@ -101,6 +101,10 @@ <h2 class="f5">css</h2>
     width: 100%;
 }
 
+.bg-black-20 {
+    background-color: rgba(0, 0, 0, .2);
+}
+
 .bg-black-10 {
     background-color: rgba(0, 0, 0, .1);
 }
@@ -132,16 +136,16 @@ <h2 class="f5">css</h2>
     <h2 class="f5 mb3 mt4">Css stats for this component</h2>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Gzipped Size</dt>
-      <dd class="ml0 b f3 f2-ns">283<small class="f6">B</small>
+      <dd class="ml0 b f3 f2-ns">290<small class="f6">B</small>
       </dd>
     </dl>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Selectors</dt>
-      <dd class="ml0 b f3 f2-ns">13</dd>
+      <dd class="ml0 b f3 f2-ns">14</dd>
     </dl>
     <dl class="dib mt0">
       <dt class="db f6">Declarations</dt>
-      <dd class="ml0 b f3 f2-ns">15</dd>
+      <dd class="ml0 b f3 f2-ns">16</dd>
     </dl>
   </div>
   <div class="fl w-100">

components/layout/five-column-collapse-mixed/index.html

@@ -25,7 +25,7 @@
 <body class="w-100 sans-serif bg-white">
 <main>
   <div class="cf">
-  <div class="fl w-100 w-20-ns tc pv5 bg-black-05">
+  <div class="fl w-100 w-20-ns tc pv5 bg-black-20">
     1
   </div>
   <div class="fl w-25 w-20-ns tc pv5 bg-black-10">
@@ -50,7 +50,7 @@ <h2 class="f5">HTML</h2>
 <p class="f5 black-70"></p>
 <pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
 &lt;div class=&quot;cf&quot;&gt;
-  &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-05&quot;&gt;
+  &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-20&quot;&gt;
     1
   &lt;/div&gt;
   &lt;div class=&quot;fl w-25 w-20-ns tc pv5 bg-black-10&quot;&gt;
@@ -97,6 +97,10 @@ <h2 class="f5">css</h2>
     width: 100%;
 }
 
+.bg-black-20 {
+    background-color: rgba(0, 0, 0, .2);
+}
+
 .bg-black-10 {
     background-color: rgba(0, 0, 0, .1);
 }
@@ -128,16 +132,16 @@ <h2 class="f5">css</h2>
     <h2 class="f5 mb3 mt4">Css stats for this component</h2>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Gzipped Size</dt>
-      <dd class="ml0 b f3 f2-ns">277<small class="f6">B</small>
+      <dd class="ml0 b f3 f2-ns">284<small class="f6">B</small>
       </dd>
     </dl>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Selectors</dt>
-      <dd class="ml0 b f3 f2-ns">12</dd>
+      <dd class="ml0 b f3 f2-ns">13</dd>
     </dl>
     <dl class="dib mt0">
       <dt class="db f6">Declarations</dt>
-      <dd class="ml0 b f3 f2-ns">14</dd>
+      <dd class="ml0 b f3 f2-ns">15</dd>
     </dl>
   </div>
   <div class="fl w-100">

components/layout/five-column-collapse-one/index.html

@@ -31,7 +31,7 @@
   <div class="fl w-100 w-20-ns tc pv5 bg-black-10">
     2
   </div>
-  <div class="fl w-100 w-20-ns tc pv5 bg-black-05">
+  <div class="fl w-100 w-20-ns tc pv5 bg-black-20">
     3
   </div>
   <div class="fl w-100 w-20-ns tc pv5 bg-black-10">
@@ -56,7 +56,7 @@ <h2 class="f5">HTML</h2>
   &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-10&quot;&gt;
     2
   &lt;/div&gt;
-  &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-05&quot;&gt;
+  &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-20&quot;&gt;
     3
   &lt;/div&gt;
   &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-10&quot;&gt;
@@ -93,6 +93,10 @@ <h2 class="f5">css</h2>
     width: 100%;
 }
 
+.bg-black-20 {
+    background-color: rgba(0, 0, 0, .2);
+}
+
 .bg-black-10 {
     background-color: rgba(0, 0, 0, .1);
 }
@@ -124,16 +128,16 @@ <h2 class="f5">css</h2>
     <h2 class="f5 mb3 mt4">Css stats for this component</h2>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Gzipped Size</dt>
-      <dd class="ml0 b f3 f2-ns">272<small class="f6">B</small>
+      <dd class="ml0 b f3 f2-ns">279<small class="f6">B</small>
       </dd>
     </dl>
     <dl class="dib mr4 mt0">
       <dt class="db f6">Selectors</dt>
-      <dd class="ml0 b f3 f2-ns">11</dd>
+      <dd class="ml0 b f3 f2-ns">12</dd>
     </dl>
     <dl class="dib mt0">
       <dt class="db f6">Declarations</dt>
-      <dd class="ml0 b f3 f2-ns">13</dd>
+      <dd class="ml0 b f3 f2-ns">14</dd>
     </dl>
   </div>
   <div class="fl w-100">

docs/table-of-properties/index.html

@@ -27,7 +27,7 @@
 
   </head>
   <body class="w-100 sans-serif">
-    <header class="w-100 dt pa3 ph5-ns bg-washed-blue">
+    <header class="w-100 dt pa3 ph5-ns bg-white">
   <div class="dtc v-mid tl w-50">
     <a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-70 dim" title="Home">
       Tachyons

docs/table-of-styles/index.html

@@ -27,7 +27,7 @@
 
   </head>
   <body class="w-100 sans-serif">
-    <header class="w-100 dt pa3 ph5-ns bg-washed-blue">
+    <header class="w-100 dt pa3 ph5-ns bg-white">
   <div class="dtc v-mid tl w-50">
     <a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-70 dim" title="Home">
       Tachyons

index.html

@@ -25,7 +25,7 @@
 
   </head>
   <body class="w-100 sans-serif">
-    <header class="w-100 dt pa3 ph5-ns bg-washed-blue">
+    <header class="w-100 dt pa3 ph5-ns bg-white">
   <div class="dtc v-mid tl w-50">
     <a href="/" class="dib f5 f4-ns fw6 mt0 mb1 link black-70 dim" title="Home">
       Tachyons