Fix component

mrmrs · mrmrs · commit 29a93a6283f1 · 2016-09-08T15:22:05.000+01:00
diff --git a/components/collections/posters/index.html b/components/collections/posters/index.html
@@ -22,10 +22,9 @@
 </style>
 
 </head>
-<body class="w-100 sans-serif bg-white">
+<body class="w-100 sans-serif bg-black-10">
 <main>
-  <main>
-  <div class="cf ph2">
+  <main class="cf pa2">
     <div class="fl w-100 w-50-ns ph2">
       <a href="" class="pv2 grow db no-underline black"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/elevaters030211_960.jpg"></a>
       <a href="" class="no-underline pv2 grow db"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/elevaters.jpg"></a>
@@ -51,7 +50,6 @@
       <a href="" class="pv2 grow db no-underline black"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/hw170211pie-cargo_960.jpg"></a>
       <a href="" class="pv2 grow db no-underline black"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/adam-stern-191110_960.jpg"></a>
     </div>
-  </div>
 </main>
 
   <section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
@@ -61,8 +59,7 @@ <h1 class="f4 f3-ns mt4">Posters</h1>
 <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;main&gt;
-  &lt;div class=&quot;cf ph2&quot;&gt;
+&lt;main class=&quot;cf pa2&quot;&gt;
     &lt;div class=&quot;fl w-100 w-50-ns ph2&quot;&gt;
       &lt;a href=&quot;&quot; class=&quot;pv2 grow db no-underline black&quot;&gt;&lt;img class=&quot;db w-100&quot; src=&quot;https://s3-us-west-2.amazonaws.com/prnt/elevaters030211_960.jpg&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;no-underline pv2 grow db&quot;&gt;&lt;img class=&quot;db w-100&quot; src=&quot;https://s3-us-west-2.amazonaws.com/prnt/elevaters.jpg&quot;&gt;&lt;/a&gt;
@@ -88,7 +85,6 @@ <h2 class="f5">HTML</h2>
       &lt;a href=&quot;&quot; class=&quot;pv2 grow db no-underline black&quot;&gt;&lt;img class=&quot;db w-100&quot; src=&quot;https://s3-us-west-2.amazonaws.com/prnt/hw170211pie-cargo_960.jpg&quot;&gt;&lt;/a&gt;
       &lt;a href=&quot;&quot; class=&quot;pv2 grow db no-underline black&quot;&gt;&lt;img class=&quot;db w-100&quot; src=&quot;https://s3-us-west-2.amazonaws.com/prnt/adam-stern-191110_960.jpg&quot;&gt;&lt;/a&gt;
     &lt;/div&gt;
-  &lt;/div&gt;
 &lt;/main&gt;
 
 </pre>
@@ -129,6 +125,10 @@ <h2 class="f5">css</h2>
     color: #000;
 }
 
+.pa2 {
+    padding: .5rem;
+}
+
 .pv2 {
     padding-top: .5rem;
     padding-bottom: .5rem;
@@ -176,16 +176,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">411<small class="f6">B</small>
+      <dd class="ml0 b f3 f2-ns">414<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">18</dd>
+      <dd class="ml0 b f3 f2-ns">19</dd>
     </dl>
     <dl class="dib mt0">
       <dt class="db f6">Declarations</dt>
-      <dd class="ml0 b f3 f2-ns">23</dd>
+      <dd class="ml0 b f3 f2-ns">24</dd>
     </dl>
   </div>
   <div class="fl w-100">
diff --git a/src/components/collections/posters.html b/src/components/collections/posters.html
@@ -1,8 +1,7 @@
 {{{
-"bodyClass" : "bg-white"
+"bodyClass" : "bg-black-10"
 }}}
-<main>
-  <div class="cf ph2">
+<main class="cf pa2">
     <div class="fl w-100 w-50-ns ph2">
       <a href="" class="pv2 grow db no-underline black"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/elevaters030211_960.jpg"></a>
       <a href="" class="no-underline pv2 grow db"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/elevaters.jpg"></a>
@@ -28,5 +27,4 @@
       <a href="" class="pv2 grow db no-underline black"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/hw170211pie-cargo_960.jpg"></a>
       <a href="" class="pv2 grow db no-underline black"><img class="db w-100" src="https://s3-us-west-2.amazonaws.com/prnt/adam-stern-191110_960.jpg"></a>
     </div>
-  </div>
 </main>
