Skip to content

Commit 540de9f

Browse files
author
mrmrs
committed
Update docs
1 parent f03c121 commit 540de9f

File tree

71 files changed

+692
-485
lines changed

Some content is hidden

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

71 files changed

+692
-485
lines changed

‎components/buttons/pill-grow/index.html

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -775,9 +775,9 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
775775
}
776776
</style>
777777

778-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
778+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
779779
<div class="mw9 center">
780-
<div class="mb4">
780+
<div class="mb5">
781781
<a class="black-70 link dim b dib mr3" href="/" title="Home">
782782
Home
783783
</a>
@@ -788,25 +788,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
788788
Components
789789
</a>
790790
</div>
791-
<article>
791+
<article class="v-top">
792792
<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>
793793
<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>
794-
<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;">
794+
<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;">
795795
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
796796
<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"/>
797797
</svg>
798798
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
799799
</a>
800800
</article>
801801
<div class="mt4">
802-
<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">
802+
<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">
803+
Follow us on Twitter
804+
</a>
805+
<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">
803806
Join our Slack Channel
804807
</a>
805-
<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!">
808+
<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!">
806809
Open an Issue
807810
</a>
808811
</div>
809-
<p class="measure copy lh-copy">
812+
<p class="f6 measure copy lh-copy">
810813
Have a question? Need help? Feel free to open an issue on GitHub or ask a
811814
question in our slack channel. We're here to try and help make designing in
812815
the browser fun.

‎components/buttons/pill/index.html

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -793,9 +793,9 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
793793
}
794794
</style>
795795

796-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
796+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
797797
<div class="mw9 center">
798-
<div class="mb4">
798+
<div class="mb5">
799799
<a class="black-70 link dim b dib mr3" href="/" title="Home">
800800
Home
801801
</a>
@@ -806,25 +806,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
806806
Components
807807
</a>
808808
</div>
809-
<article>
809+
<article class="v-top">
810810
<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>
811811
<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>
812-
<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;">
812+
<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;">
813813
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
814814
<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"/>
815815
</svg>
816816
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
817817
</a>
818818
</article>
819819
<div class="mt4">
820-
<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">
820+
<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">
821+
Follow us on Twitter
822+
</a>
823+
<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">
821824
Join our Slack Channel
822825
</a>
823-
<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!">
826+
<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!">
824827
Open an Issue
825828
</a>
826829
</div>
827-
<p class="measure copy lh-copy">
830+
<p class="f6 measure copy lh-copy">
828831
Have a question? Need help? Feel free to open an issue on GitHub or ask a
829832
question in our slack channel. We're here to try and help make designing in
830833
the browser fun.

‎components/cards/album-centered/index.html

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -586,9 +586,9 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
586586
}
587587
</style>
588588

589-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
589+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
590590
<div class="mw9 center">
591-
<div class="mb4">
591+
<div class="mb5">
592592
<a class="black-70 link dim b dib mr3" href="/" title="Home">
593593
Home
594594
</a>
@@ -599,25 +599,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
599599
Components
600600
</a>
601601
</div>
602-
<article>
602+
<article class="v-top">
603603
<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>
604604
<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>
605-
<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;">
605+
<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;">
606606
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
607607
<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"/>
608608
</svg>
609609
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
610610
</a>
611611
</article>
612612
<div class="mt4">
613-
<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">
613+
<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">
614+
Follow us on Twitter
615+
</a>
616+
<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">
614617
Join our Slack Channel
615618
</a>
616-
<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!">
619+
<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!">
617620
Open an Issue
618621
</a>
619622
</div>
620-
<p class="measure copy lh-copy">
623+
<p class="f6 measure copy lh-copy">
621624
Have a question? Need help? Feel free to open an issue on GitHub or ask a
622625
question in our slack channel. We're here to try and help make designing in
623626
the browser fun.

‎components/cards/album-left/index.html

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -586,9 +586,9 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
586586
}
587587
</style>
588588

589-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
589+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
590590
<div class="mw9 center">
591-
<div class="mb4">
591+
<div class="mb5">
592592
<a class="black-70 link dim b dib mr3" href="/" title="Home">
593593
Home
594594
</a>
@@ -599,25 +599,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
599599
Components
600600
</a>
601601
</div>
602-
<article>
602+
<article class="v-top">
603603
<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>
604604
<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>
605-
<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;">
605+
<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;">
606606
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
607607
<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"/>
608608
</svg>
609609
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
610610
</a>
611611
</article>
612612
<div class="mt4">
613-
<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">
613+
<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">
614+
Follow us on Twitter
615+
</a>
616+
<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">
614617
Join our Slack Channel
615618
</a>
616-
<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!">
619+
<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!">
617620
Open an Issue
618621
</a>
619622
</div>
620-
<p class="measure copy lh-copy">
623+
<p class="f6 measure copy lh-copy">
621624
Have a question? Need help? Feel free to open an issue on GitHub or ask a
622625
question in our slack channel. We're here to try and help make designing in
623626
the browser fun.

‎components/cards/news-card/index.html

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -591,9 +591,9 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
591591
}
592592
</style>
593593

594-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
594+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
595595
<div class="mw9 center">
596-
<div class="mb4">
596+
<div class="mb5">
597597
<a class="black-70 link dim b dib mr3" href="/" title="Home">
598598
Home
599599
</a>
@@ -604,25 +604,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
604604
Components
605605
</a>
606606
</div>
607-
<article>
607+
<article class="v-top">
608608
<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>
609609
<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>
610-
<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;">
610+
<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;">
611611
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
612612
<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"/>
613613
</svg>
614614
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
615615
</a>
616616
</article>
617617
<div class="mt4">
618-
<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">
618+
<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">
619+
Follow us on Twitter
620+
</a>
621+
<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">
619622
Join our Slack Channel
620623
</a>
621-
<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!">
624+
<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!">
622625
Open an Issue
623626
</a>
624627
</div>
625-
<p class="measure copy lh-copy">
628+
<p class="f6 measure copy lh-copy">
626629
Have a question? Need help? Feel free to open an issue on GitHub or ask a
627630
question in our slack channel. We're here to try and help make designing in
628631
the browser fun.

‎components/cards/product-card/index.html

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -617,9 +617,9 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
617617
}
618618
</style>
619619

620-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
620+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
621621
<div class="mw9 center">
622-
<div class="mb4">
622+
<div class="mb5">
623623
<a class="black-70 link dim b dib mr3" href="/" title="Home">
624624
Home
625625
</a>
@@ -630,25 +630,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
630630
Components
631631
</a>
632632
</div>
633-
<article>
633+
<article class="v-top">
634634
<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>
635635
<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>
636-
<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;">
636+
<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;">
637637
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
638638
<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"/>
639639
</svg>
640640
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
641641
</a>
642642
</article>
643643
<div class="mt4">
644-
<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">
644+
<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">
645+
Follow us on Twitter
646+
</a>
647+
<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">
645648
Join our Slack Channel
646649
</a>
647-
<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!">
650+
<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!">
648651
Open an Issue
649652
</a>
650653
</div>
651-
<p class="measure copy lh-copy">
654+
<p class="f6 measure copy lh-copy">
652655
Have a question? Need help? Feel free to open an issue on GitHub or ask a
653656
question in our slack channel. We're here to try and help make designing in
654657
the browser fun.

0 commit comments

Comments
 (0)