Add new components

mrmrs · mrmrs · commit e55737c1d66a · 2016-12-09T21:14:09.000Z
diff --git a/components/cards/basic-text-card/index.html b/components/cards/basic-text-card/index.html
@@ -24,8 +24,8 @@
 </head>
 <body class="w-100 sans-serif bg-white">
 <main>
-  <article class="center mw5 mw6-ns br3 hidden ba mv4">
-  <h1 class="f4 bg-near-black br3 br--top white-80 mv0 pv2 ph3">Title of card</h1>
+  <article class="center mw5 mw6-ns hidden ba mv4">
+  <h1 class="f4 bg-near-black white mv0 pv2 ph3">Title of card</h1>
   <div class="pa3 bt">
     <p class="f6 f5-ns lh-copy measure pv0">
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
@@ -42,8 +42,8 @@ <h1 class="f4 f3-ns mt4">Basic Text Card</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;article class=&quot;center mw5 mw6-ns br3 hidden ba mv4&quot;&gt;
-  &lt;h1 class=&quot;f4 bg-near-black br3 br--top white-80 mv0 pv2 ph3&quot;&gt;Title of card&lt;/h1&gt;
+&lt;article class=&quot;center mw5 mw6-ns hidden ba mv4&quot;&gt;
+  &lt;h1 class=&quot;f4 bg-near-black white mv0 pv2 ph3&quot;&gt;Title of card&lt;/h1&gt;
   &lt;div class=&quot;pa3 bt&quot;&gt;
     &lt;p class=&quot;f6 f5-ns lh-copy measure pv0&quot;&gt;
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
@@ -67,15 +67,6 @@ <h2 class="f5">css</h2>
     border-top-width: 1px;
 }
 
-.br3 {
-    border-radius: .5rem;
-}
-
-.br--top {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
 .lh-copy {
     line-height: 1.5;
 }
@@ -84,8 +75,8 @@ <h2 class="f5">css</h2>
     max-width: 16rem;
 }
 
-.white-80 {
-    color: rgba(255, 255, 255, .8);
+.white {
+    color: #fff;
 }
 
 .bg-near-black {
@@ -156,16 +147,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">383<small class="f6">B</small>
+      <dd class="ml0 b f3 f2-ns">342<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">20</dd>
+      <dd class="ml0 b f3 f2-ns">18</dd>
     </dl>
     <dl class="dib mt0">
       <dt class="db f6">Declarations</dt>
-      <dd class="ml0 b f3 f2-ns">29</dd>
+      <dd class="ml0 b f3 f2-ns">26</dd>
     </dl>
   </div>
   <div class="fl w-100">
@@ -174,8 +165,6 @@ <h2 class="f5 mt4">Modules referenced</h2>
       
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-borders">tachyons-borders</a></li>
   
-    <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-border-radius">tachyons-border-radius</a></li>
-  
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-line-height">tachyons-line-height</a></li>
   
     <li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-max-widths">tachyons-max-widths</a></li>
@@ -198,7 +187,7 @@ <h2 class="f5 mt4">Modules referenced</h2>
 
 
   <h4 class="mt5">Install via npm <small class="fw2 f6 db mt1">Only installs the needed tachyons-modules for this component</small></h4>
-  <code class="f6">npm i --save tachyons-borders tachyons-border-radius tachyons-line-height tachyons-max-widths tachyons-skins tachyons-spacing tachyons-type-scale tachyons-typography tachyons-utilities</code>
+  <code class="f6">npm i --save tachyons-borders tachyons-line-height tachyons-max-widths tachyons-skins tachyons-spacing tachyons-type-scale tachyons-typography tachyons-utilities</code>
   <section class="bt b--black-10 mt5 pv4">
     <h1 class="f6 b ttu">Other Components</h1>
 
