Push more generated pages

Author: mrmrs

components/banners/basic/index.html

@@ -47,7 +47,7 @@ <h2 class="fw2 f4 lh-copy mt0 mb3">
   </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">Basic</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/buttons/basic/index.html

@@ -97,7 +97,7 @@ <h1 class="f6 fw6 ttu tracked">Basic Button with Thick Border</h1>
   <a class="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib dark-green" href="#0">Button Text</a>
 </div>
 
-  <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">Basic</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/buttons/pill-grow/index.html

@@ -97,7 +97,7 @@ <h1 class="f6 fw6 ttu tracked">Pill with Thick Border</h1>
   <a class="f6 grow no-underline br-pill ba bw2 ph3 pv2 mb2 dib dark-green" href="#0">Button Text</a>
 </div>
 
-  <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">Pill Grow</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/buttons/pill/index.html

@@ -97,7 +97,7 @@ <h1 class="f6 fw6 ttu tracked">Pill with Thick Border</h1>
   <a class="f6 link dim br-pill ba bw2 ph3 pv2 mb2 dib dark-green" href="#0">Button Text</a>
 </div>
 
-  <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">Pill</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/cards/album-centered/index.html

@@ -41,7 +41,7 @@
   </dl>
 </a>
 
-  <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">Album Centered</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/cards/album-left/index.html

@@ -41,7 +41,7 @@
   </dl>
 </a>
 
-  <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">Album Left</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/cards/news-card/index.html

@@ -35,7 +35,7 @@ <h1 class="f6 ttu tracked">Daily News Co.</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">News Card</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/cards/product-card/index.html

@@ -42,7 +42,7 @@ <h2 class="f5 mv0">$1,000</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">Product Card</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/cards/profile-card-title-subtitle/index.html

@@ -32,7 +32,7 @@ <h2 class="f5 fw4 gray mt0">CCO (Chief Cat Officer)</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">Profile Card Title Subtitle</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/cards/profile-card/index.html

@@ -37,7 +37,7 @@ <h1 class="f4">Mimi Whitehouse</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">Profile Card</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/cards/text-card/index.html

@@ -35,7 +35,7 @@ <h1 class="f4 bg-near-white br3 br--top black-60 mv0 pv2 ph3">Title of card</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">Text Card</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/collections/albums/index.html

@@ -140,7 +140,7 @@ <h2 class="f3 fw4 pa3 mv0">Albums</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">Albums</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/collections/movies/index.html

@@ -100,7 +100,7 @@
   </a>
 </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">Movies</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/collections/posters/index.html

@@ -52,7 +52,7 @@
     </div>
 </main>
 
-  <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">Posters</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/footers/simple-large-type/index.html

@@ -34,7 +34,7 @@
   </div>
 </footer>
 
-  <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">Simple Large Type</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/footers/small-print/index.html

@@ -33,7 +33,7 @@
   </div>
 </footer>
 
-  <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">Small Print</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/footers/social-circles/index.html

@@ -51,7 +51,7 @@
   </a>
 </footer>
 
-  <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">Social Circles</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/footers/social-text/index.html

@@ -55,7 +55,7 @@
   </a>
 </footer>
 
-  <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">Social Text</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/footers/social/index.html

@@ -57,7 +57,7 @@
   </div>
 </footer>
 
-  <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">Social</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/headers/circle-avatar-title-subtitle/index.html

@@ -30,7 +30,7 @@ <h1 class="f5 f4-ns fw6 mid-gray">Jasper Whitehouse</h1>
   <h2 class="f6 gray fw2 ttu tracked">Los Angeles</h2>
 </header>
 
-  <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">Circle Avatar Title Subtitle</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/headers/fixed-semi-transparent/index.html

@@ -33,7 +33,7 @@
   </nav>
 </header>
 
-  <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">Fixed Semi Transparent</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/headers/rounded-avatar-title-subtitle/index.html

@@ -30,7 +30,7 @@ <h1 class="f5 f4-ns fw6 black-70">Jasper Whitehouse</h1>
   <h2 class="f6 black-70 fw2 ttu tracked">Los Angeles</h2>
 </header>
 
-  <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">Rounded Avatar Title Subtitle</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/layout/centered-container/index.html

@@ -32,7 +32,7 @@ <h1 class="mt0">Centered Container</h1>
   </p>
 </section>
 
-  <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">Centered Container</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

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

@@ -42,7 +42,7 @@
   </div>
 </div>
 
-  <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">Five Column Collapse Alternate</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

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

@@ -42,7 +42,7 @@
   </div>
 </div>
 
-  <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">Five Column Collapse Asymmetrical</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

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

@@ -42,7 +42,7 @@
   </div>
 </div>
 
-  <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">Five Column Collapse Mixed</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

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

@@ -37,12 +37,12 @@
   <div class="fl w-100 w-20-ns tc pv5 bg-black-10">
     4
   </div>
-  <div class="fl w-100 w-20-ns tc pv5 bg-black-10">
+  <div class="fl w-100 w-20-ns tc pv5 bg-black-05">
     5
   </div>
 </div>
 
-  <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">Five Column Collapse One</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">
@@ -62,7 +62,7 @@ <h2 class="f5">HTML</h2>
   &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-10&quot;&gt;
     4
   &lt;/div&gt;
-  &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-10&quot;&gt;
+  &lt;div class=&quot;fl w-100 w-20-ns tc pv5 bg-black-05&quot;&gt;
     5
   &lt;/div&gt;
 &lt;/div&gt;

components/layout/five-column/index.html

@@ -42,7 +42,7 @@
   </div>
 </div>
 
-  <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">Five Column</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/layout/flag-object-collapse/index.html

@@ -36,7 +36,7 @@
   </div>
 </div>
 
-  <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">Flag Object Collapse</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/layout/flag-object/index.html

@@ -35,7 +35,7 @@
   </div>
 </div>
 
-  <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">Flag Object</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/layout/four-column-collapse-two/index.html

@@ -33,7 +33,7 @@
 
 </section>
 
-  <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">Four Column Collapse Two</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/layout/four-column/index.html

@@ -39,7 +39,7 @@
   </div>
 </div>
 
-  <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">Four Column</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

components/layout/two-column/index.html

@@ -33,7 +33,7 @@ <h1>Column Two</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">Two Column</h1>
 <div class="cf">
 <div class="fl w-100 w-75-ns pr0 pr2-ns">

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

@@ -3,13 +3,13 @@
 }}}
 
 <div class="cf">
-  <div class="fl w-100 w-20-l tc pv5 bg-black-05">
+  <div class="fl w-100 w-20-l tc pv5 bg-black-20">
     1
   </div>
   <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-20">
+  <div class="fl w-75 w-20-l tc pv5 bg-black-05">
     3
   </div>
   <div class="fl w-75 w-20-l tc pv5 bg-black-10">

src/components/layout/five-column.html

@@ -15,7 +15,7 @@
   <div class="fl w-20 tc pv5 bg-black-10">
     4
   </div>
-  <div class="fl w-20 tc pv5 bg-black-10">
+  <div class="fl w-20 tc pv5 bg-black-05">
     5
   </div>
 </div>