25
25
< body class ="w-100 sans-serif bg-white pt5 ">
26
26
< main >
27
27
< div class ="ph3 ">
28
- < h1 class ="f6 fw6 ttu tracked "> Basic pill </ h1 >
28
+ < h1 class ="f6 fw6 ttu tracked "> Basic button </ h1 >
29
29
< a class ="f6 link dim br2 ph3 pv2 mb2 dib white bg-black " href ="#0 "> Button Text</ a >
30
30
< a class ="f6 link dim br2 ph3 pv2 mb2 dib white bg-near-black " href ="#0 "> Button Text</ a >
31
31
< 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>
43
43
< a class ="f6 link dim br2 ph3 pv2 mb2 dib white bg-dark-green " href ="#0 "> Button Text</ a >
44
44
</ div >
45
45
< 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 >
47
47
< a class ="f6 link dim br2 ba ph3 pv2 mb2 dib black " href ="#0 "> Button Text</ a >
48
48
< a class ="f6 link dim br2 ba ph3 pv2 mb2 dib near-black " href ="#0 "> Button Text</ a >
49
49
< 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>
61
61
< a class ="f6 link dim br2 ba ph3 pv2 mb2 dib dark-green " href ="#0 "> Button Text</ a >
62
62
</ div >
63
63
< 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 >
65
65
< a class ="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib black " href ="#0 "> Button Text</ a >
66
66
< a class ="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib near-black " href ="#0 "> Button Text</ a >
67
67
< 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>
79
79
< a class ="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib dark-green " href ="#0 "> Button Text</ a >
80
80
</ div >
81
81
< 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 >
83
83
< a class ="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib black " href ="#0 "> Button Text</ a >
84
84
< a class ="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib near-black " href ="#0 "> Button Text</ a >
85
85
< 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>
105
105
< p class ="f5 black-70 "> </ p >
106
106
< pre class ="pa3 ba br2 b--black-10 h5 bg-white-20 " id ="html ">
107
107
<div class="ph3">
108
- <h1 class="f6 fw6 ttu tracked">Basic pill </h1>
108
+ <h1 class="f6 fw6 ttu tracked">Basic button </h1>
109
109
<a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-black" href="#0">Button Text</a>
110
110
<a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-near-black" href="#0">Button Text</a>
111
111
<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>
123
123
<a class="f6 link dim br2 ph3 pv2 mb2 dib white bg-dark-green" href="#0">Button Text</a>
124
124
</div>
125
125
<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>
127
127
<a class="f6 link dim br2 ba ph3 pv2 mb2 dib black" href="#0">Button Text</a>
128
128
<a class="f6 link dim br2 ba ph3 pv2 mb2 dib near-black" href="#0">Button Text</a>
129
129
<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>
141
141
<a class="f6 link dim br2 ba ph3 pv2 mb2 dib dark-green" href="#0">Button Text</a>
142
142
</div>
143
143
<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>
145
145
<a class="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib black" href="#0">Button Text</a>
146
146
<a class="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib near-black" href="#0">Button Text</a>
147
147
<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>
159
159
<a class="f6 link dim br2 ba bw1 ph3 pv2 mb2 dib dark-green" href="#0">Button Text</a>
160
160
</div>
161
161
<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>
163
163
<a class="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib black" href="#0">Button Text</a>
164
164
<a class="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib near-black" href="#0">Button Text</a>
165
165
<a class="f6 link dim br2 ba bw2 ph3 pv2 mb2 dib dark-gray" href="#0">Button Text</a>
0 commit comments