Skip to content

Commit be61b23

Browse files
author
mrmrs
committed
Update the footer.
Add tweet button.
1 parent 031acad commit be61b23

File tree

47 files changed

+745
-812
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

47 files changed

+745
-812
lines changed

‎components/index.html

+142-515
Large diffs are not rendered by default.

‎docs/debug-grid/index.html

+10-7
Original file line numberDiff line numberDiff line change
@@ -255,9 +255,9 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
255255
</div>
256256

257257
</main>
258-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
258+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
259259
<div class="mw9 center">
260-
<div class="mb4">
260+
<div class="mb5">
261261
<a class="black-70 link dim b dib mr3" href="/" title="Home">
262262
Home
263263
</a>
@@ -268,25 +268,28 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
268268
Components
269269
</a>
270270
</div>
271-
<article>
271+
<article class="v-top">
272272
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
273273
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
274-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
274+
<a href="https://twitter.com/intent/tweet?text=Tachyons: A functional css toolkit for designing in the browser.&url=http://tachyons.io" class="twitter bg-white-50 link dib dim br2 ph2 pb1 lh-solid v-top" style="background-color: #55acee;">
275275
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
276276
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
277277
</svg>
278278
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
279279
</a>
280280
</article>
281281
<div class="mt4">
282-
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
282+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="https://twitter.com/tachyons_css" title="Follow us on Twitter">
283+
Follow us on Twitter
284+
</a>
285+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
283286
Join our Slack Channel
284287
</a>
285-
<a class="ba br2 black-70 link dim b dib pv2 ph3 mb3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
288+
<a class="ba br2 black-70 no-underline grow b dib mb3 pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
286289
Open an Issue
287290
</a>
288291
</div>
289-
<p class="measure copy lh-copy">
292+
<p class="f6 measure copy lh-copy">
290293
Have a question? Need help? Feel free to open an issue on GitHub or ask a
291294
question in our slack channel. We're here to try and help make designing in
292295
the browser fun.

‎docs/debug/index.html

+10-7
Original file line numberDiff line numberDiff line change
@@ -520,9 +520,9 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
520520
</div>
521521

522522
</main>
523-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
523+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
524524
<div class="mw9 center">
525-
<div class="mb4">
525+
<div class="mb5">
526526
<a class="black-70 link dim b dib mr3" href="/" title="Home">
527527
Home
528528
</a>
@@ -533,25 +533,28 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
533533
Components
534534
</a>
535535
</div>
536-
<article>
536+
<article class="v-top">
537537
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
538538
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
539-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
539+
<a href="https://twitter.com/intent/tweet?text=Tachyons: A functional css toolkit for designing in the browser.&url=http://tachyons.io" class="twitter bg-white-50 link dib dim br2 ph2 pb1 lh-solid v-top" style="background-color: #55acee;">
540540
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
541541
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
542542
</svg>
543543
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
544544
</a>
545545
</article>
546546
<div class="mt4">
547-
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
547+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="https://twitter.com/tachyons_css" title="Follow us on Twitter">
548+
Follow us on Twitter
549+
</a>
550+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
548551
Join our Slack Channel
549552
</a>
550-
<a class="ba br2 black-70 link dim b dib pv2 ph3 mb3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
553+
<a class="ba br2 black-70 no-underline grow b dib mb3 pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
551554
Open an Issue
552555
</a>
553556
</div>
554-
<p class="measure copy lh-copy">
557+
<p class="f6 measure copy lh-copy">
555558
Have a question? Need help? Feel free to open an issue on GitHub or ask a
556559
question in our slack channel. We're here to try and help make designing in
557560
the browser fun.

‎docs/elements/forms/index.html

+10-7
Original file line numberDiff line numberDiff line change
@@ -189,9 +189,9 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
189189
</div>
190190

191191
</main>
192-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
192+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
193193
<div class="mw9 center">
194-
<div class="mb4">
194+
<div class="mb5">
195195
<a class="black-70 link dim b dib mr3" href="/" title="Home">
196196
Home
197197
</a>
@@ -202,25 +202,28 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
202202
Components
203203
</a>
204204
</div>
205-
<article>
205+
<article class="v-top">
206206
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
207207
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
208-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
208+
<a href="https://twitter.com/intent/tweet?text=Tachyons: A functional css toolkit for designing in the browser.&url=http://tachyons.io" class="twitter bg-white-50 link dib dim br2 ph2 pb1 lh-solid v-top" style="background-color: #55acee;">
209209
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
210210
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
211211
</svg>
212212
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
213213
</a>
214214
</article>
215215
<div class="mt4">
216-
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
216+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="https://twitter.com/tachyons_css" title="Follow us on Twitter">
217+
Follow us on Twitter
218+
</a>
219+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
217220
Join our Slack Channel
218221
</a>
219-
<a class="ba br2 black-70 link dim b dib pv2 ph3 mb3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
222+
<a class="ba br2 black-70 no-underline grow b dib mb3 pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
220223
Open an Issue
221224
</a>
222225
</div>
223-
<p class="measure copy lh-copy">
226+
<p class="f6 measure copy lh-copy">
224227
Have a question? Need help? Feel free to open an issue on GitHub or ask a
225228
question in our slack channel. We're here to try and help make designing in
226229
the browser fun.

‎docs/elements/images/index.html

+10-7
Original file line numberDiff line numberDiff line change
@@ -144,9 +144,9 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
144144
</div>
145145

146146
</main>
147-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
147+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
148148
<div class="mw9 center">
149-
<div class="mb4">
149+
<div class="mb5">
150150
<a class="black-70 link dim b dib mr3" href="/" title="Home">
151151
Home
152152
</a>
@@ -157,25 +157,28 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
157157
Components
158158
</a>
159159
</div>
160-
<article>
160+
<article class="v-top">
161161
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
162162
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
163-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
163+
<a href="https://twitter.com/intent/tweet?text=Tachyons: A functional css toolkit for designing in the browser.&url=http://tachyons.io" class="twitter bg-white-50 link dib dim br2 ph2 pb1 lh-solid v-top" style="background-color: #55acee;">
164164
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
165165
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
166166
</svg>
167167
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
168168
</a>
169169
</article>
170170
<div class="mt4">
171-
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
171+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="https://twitter.com/tachyons_css" title="Follow us on Twitter">
172+
Follow us on Twitter
173+
</a>
174+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
172175
Join our Slack Channel
173176
</a>
174-
<a class="ba br2 black-70 link dim b dib pv2 ph3 mb3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
177+
<a class="ba br2 black-70 no-underline grow b dib mb3 pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
175178
Open an Issue
176179
</a>
177180
</div>
178-
<p class="measure copy lh-copy">
181+
<p class="f6 measure copy lh-copy">
179182
Have a question? Need help? Feel free to open an issue on GitHub or ask a
180183
question in our slack channel. We're here to try and help make designing in
181184
the browser fun.

‎docs/elements/links/index.html

+10-7
Original file line numberDiff line numberDiff line change
@@ -205,9 +205,9 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
205205
</div>
206206

207207
</main>
208-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
208+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
209209
<div class="mw9 center">
210-
<div class="mb4">
210+
<div class="mb5">
211211
<a class="black-70 link dim b dib mr3" href="/" title="Home">
212212
Home
213213
</a>
@@ -218,25 +218,28 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
218218
Components
219219
</a>
220220
</div>
221-
<article>
221+
<article class="v-top">
222222
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
223223
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
224-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
224+
<a href="https://twitter.com/intent/tweet?text=Tachyons: A functional css toolkit for designing in the browser.&url=http://tachyons.io" class="twitter bg-white-50 link dib dim br2 ph2 pb1 lh-solid v-top" style="background-color: #55acee;">
225225
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
226226
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
227227
</svg>
228228
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
229229
</a>
230230
</article>
231231
<div class="mt4">
232-
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
232+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="https://twitter.com/tachyons_css" title="Follow us on Twitter">
233+
Follow us on Twitter
234+
</a>
235+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
233236
Join our Slack Channel
234237
</a>
235-
<a class="ba br2 black-70 link dim b dib pv2 ph3 mb3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
238+
<a class="ba br2 black-70 no-underline grow b dib mb3 pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
236239
Open an Issue
237240
</a>
238241
</div>
239-
<p class="measure copy lh-copy">
242+
<p class="f6 measure copy lh-copy">
240243
Have a question? Need help? Feel free to open an issue on GitHub or ask a
241244
question in our slack channel. We're here to try and help make designing in
242245
the browser fun.

‎docs/elements/lists/index.html

+10-7
Original file line numberDiff line numberDiff line change
@@ -187,9 +187,9 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
187187
</div>
188188

189189
</main>
190-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
190+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
191191
<div class="mw9 center">
192-
<div class="mb4">
192+
<div class="mb5">
193193
<a class="black-70 link dim b dib mr3" href="/" title="Home">
194194
Home
195195
</a>
@@ -200,25 +200,28 @@ <h2 class="f6 fw7 ttu tracked">Elements</h2>
200200
Components
201201
</a>
202202
</div>
203-
<article>
203+
<article class="v-top">
204204
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
205205
<iframe src="https://ghbtns.com/github-btn.html?user=tachyons-css&repo=tachyons&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
206-
<a href="https://twitter.com/intent/tweet?text=Tachyons: Functional css for humans.&url=http://tachyons.io" class="dn mb3 twitter bg-white-50 link dim br2 ph2 pb1 pt0 lh-solid" style="background-color: #55acee;">
206+
<a href="https://twitter.com/intent/tweet?text=Tachyons: A functional css toolkit for designing in the browser.&url=http://tachyons.io" class="twitter bg-white-50 link dib dim br2 ph2 pb1 lh-solid v-top" style="background-color: #55acee;">
207207
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
208208
<path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
209209
</svg>
210210
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
211211
</a>
212212
</article>
213213
<div class="mt4">
214-
<a class="ba black-70 link br2 dim b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
214+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="https://twitter.com/tachyons_css" title="Follow us on Twitter">
215+
Follow us on Twitter
216+
</a>
217+
<a class="ba black-70 no-underline grow br2 b dib mr3 mb3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
215218
Join our Slack Channel
216219
</a>
217-
<a class="ba br2 black-70 link dim b dib pv2 ph3 mb3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
220+
<a class="ba br2 black-70 no-underline grow b dib mb3 pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
218221
Open an Issue
219222
</a>
220223
</div>
221-
<p class="measure copy lh-copy">
224+
<p class="f6 measure copy lh-copy">
222225
Have a question? Need help? Feel free to open an issue on GitHub or ask a
223226
question in our slack channel. We're here to try and help make designing in
224227
the browser fun.

0 commit comments

Comments
 (0)