2525< body class ="w-100 sans-serif bg-white pt5 ">
2626< main >
2727 < div class ="ph3 ">
28- < h1 class ="f6 fw6 ttu tracked "> Basic pill </ h1 >
28+ < h1 class ="f6 fw6 ttu tracked "> Basic button </ h1 >
2929 < a class ="f6 link dim br2 ph3 pv2 mb2 dib white bg-black " href ="#0 "> Button Text</ a >
3030 < a class ="f6 link dim br2 ph3 pv2 mb2 dib white bg-near-black " href ="#0 "> Button Text</ a >
3131 < a class ="f6 link dim br2 ph3 pv2 mb2 dib white bg-dark-gray " href ="#0 "> Button Text</ a >
@@ -43,7 +43,7 @@ <h1 class="f6 fw6 ttu tracked">Basic pill</h1>
4343 < a class ="f6 link dim br2 ph3 pv2 mb2 dib white bg-dark-green " href ="#0 "> Button Text</ a >
4444</ div >
4545< div class ="ph3 mt4 ">
46- < h1 class ="f6 fw6 ttu tracked "> Pill with Thin Border</ h1 >
46+ < h1 class ="f6 fw6 ttu tracked "> Basic Button with Thin Border</ h1 >
4747 < a class ="f6 link dim br2 ba ph3 pv2 mb2 dib black " href ="#0 "> Button Text</ a >
4848 < a class ="f6 link dim br2 ba ph3 pv2 mb2 dib near-black " href ="#0 "> Button Text</ a >
4949 < a class ="f6 link dim br2 ba ph3 pv2 mb2 dib dark-gray " href ="#0 "> Button Text</ a >
@@ -61,7 +61,7 @@ <h1 class="f6 fw6 ttu tracked">Pill with Thin Border</h1>
6161 < a class ="f6 link dim br2 ba ph3 pv2 mb2 dib dark-green " href ="#0 "> Button Text</ a >
6262</ div >
6363< div class ="ph3 mt4 ">
64- < h1 class ="f6 fw6 ttu tracked "> Pill with Border</ h1 >
64+ < h1 class ="f6 fw6 ttu tracked "> Basic Button with Border</ h1 >
6565 < a class ="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib black " href ="#0 "> Button Text</ a >
6666 < a class ="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib near-black " href ="#0 "> Button Text</ a >
6767 < a class ="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib dark-gray " href ="#0 "> Button Text</ a >
@@ -79,7 +79,7 @@ <h1 class="f6 fw6 ttu tracked">Pill with Border</h1>
7979 < a class ="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib dark-green " href ="#0 "> Button Text</ a >
8080</ div >
8181< div class ="ph3 mt4 ">
82- < h1 class ="f6 fw6 ttu tracked "> Pill with Thick Border</ h1 >
82+ < h1 class ="f6 fw6 ttu tracked "> Basic Button with Thick Border</ h1 >
8383 < a class ="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib black " href ="#0 "> Button Text</ a >
8484 < a class ="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib near-black " href ="#0 "> Button Text</ a >
8585 < a class ="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib dark-gray " href ="#0 "> Button Text</ a >
@@ -105,7 +105,7 @@ <h2 class="f5">HTML</h2>
105105< p class ="f5 black-70 "> </ p >
106106< pre class ="pa3 ba br2 b--black-10 h5 bg-white-20 " id ="html ">
107107<div class="ph3">
108- <h1 class="f6 fw6 ttu tracked">Basic pill </h1>
108+ <h1 class="f6 fw6 ttu tracked">Basic button </h1>
109109 <a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-black" href="#0">Button Text</a>
110110 <a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-near-black" href="#0">Button Text</a>
111111 <a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-dark-gray" href="#0">Button Text</a>
@@ -123,7 +123,7 @@ <h2 class="f5">HTML</h2>
123123 <a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-dark-green" href="#0">Button Text</a>
124124</div>
125125<div class="ph3 mt4">
126- <h1 class="f6 fw6 ttu tracked">Pill with Thin Border</h1>
126+ <h1 class="f6 fw6 ttu tracked">Basic Button with Thin Border</h1>
127127 <a class="f6 link dim br2 ba ph3 pv2 mb2 dib black" href="#0">Button Text</a>
128128 <a class="f6 link dim br2 ba ph3 pv2 mb2 dib near-black" href="#0">Button Text</a>
129129 <a class="f6 link dim br2 ba ph3 pv2 mb2 dib dark-gray" href="#0">Button Text</a>
@@ -141,7 +141,7 @@ <h2 class="f5">HTML</h2>
141141 <a class="f6 link dim br2 ba ph3 pv2 mb2 dib dark-green" href="#0">Button Text</a>
142142</div>
143143<div class="ph3 mt4">
144- <h1 class="f6 fw6 ttu tracked">Pill with Border</h1>
144+ <h1 class="f6 fw6 ttu tracked">Basic Button with Border</h1>
145145 <a class="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib black" href="#0">Button Text</a>
146146 <a class="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib near-black" href="#0">Button Text</a>
147147 <a class="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib dark-gray" href="#0">Button Text</a>
@@ -159,7 +159,7 @@ <h2 class="f5">HTML</h2>
159159 <a class="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib dark-green" href="#0">Button Text</a>
160160</div>
161161<div class="ph3 mt4">
162- <h1 class="f6 fw6 ttu tracked">Pill with Thick Border</h1>
162+ <h1 class="f6 fw6 ttu tracked">Basic Button with Thick Border</h1>
163163 <a class="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib black" href="#0">Button Text</a>
164164 <a class="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib near-black" href="#0">Button Text</a>
165165 <a class="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib dark-gray" href="#0">Button Text</a>
0 commit comments