Skip to content

Commit f03c121

Browse files
author
mrmrs
committed
Update components
1 parent e7165e0 commit f03c121

File tree

12 files changed

+120
-84
lines changed

12 files changed

+120
-84
lines changed

‎components/articles/feature/index.html

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

705-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
705+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
706706
<div class="mw9 center">
707-
<div class="mb4">
707+
<div class="mb5">
708708
<a class="black-70 link dim b dib mr3" href="/" title="Home">
709709
Home
710710
</a>
@@ -715,25 +715,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
715715
Components
716716
</a>
717717
</div>
718-
<article>
718+
<article class="v-top">
719719
<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>
720720
<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>
721-
<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;">
721+
<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;">
722722
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
723723
<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"/>
724724
</svg>
725725
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
726726
</a>
727727
</article>
728728
<div class="mt4">
729-
<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">
729+
<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">
730+
Follow us on Twitter
731+
</a>
732+
<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">
730733
Join our Slack Channel
731734
</a>
732-
<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!">
735+
<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!">
733736
Open an Issue
734737
</a>
735738
</div>
736-
<p class="measure copy lh-copy">
739+
<p class="f6 measure copy lh-copy">
737740
Have a question? Need help? Feel free to open an issue on GitHub or ask a
738741
question in our slack channel. We're here to try and help make designing in
739742
the browser fun.

‎components/articles/full-bleed-background/index.html

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

632-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
632+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
633633
<div class="mw9 center">
634-
<div class="mb4">
634+
<div class="mb5">
635635
<a class="black-70 link dim b dib mr3" href="/" title="Home">
636636
Home
637637
</a>
@@ -642,25 +642,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
642642
Components
643643
</a>
644644
</div>
645-
<article>
645+
<article class="v-top">
646646
<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>
647647
<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>
648-
<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;">
648+
<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;">
649649
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
650650
<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"/>
651651
</svg>
652652
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
653653
</a>
654654
</article>
655655
<div class="mt4">
656-
<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">
656+
<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">
657+
Follow us on Twitter
658+
</a>
659+
<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">
657660
Join our Slack Channel
658661
</a>
659-
<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!">
662+
<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!">
660663
Open an Issue
661664
</a>
662665
</div>
663-
<p class="measure copy lh-copy">
666+
<p class="f6 measure copy lh-copy">
664667
Have a question? Need help? Feel free to open an issue on GitHub or ask a
665668
question in our slack channel. We're here to try and help make designing in
666669
the browser fun.

‎components/articles/large-title-text/index.html

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

584-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
584+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
585585
<div class="mw9 center">
586-
<div class="mb4">
586+
<div class="mb5">
587587
<a class="black-70 link dim b dib mr3" href="/" title="Home">
588588
Home
589589
</a>
@@ -594,25 +594,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
594594
Components
595595
</a>
596596
</div>
597-
<article>
597+
<article class="v-top">
598598
<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>
599599
<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>
600-
<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;">
600+
<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;">
601601
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
602602
<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"/>
603603
</svg>
604604
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
605605
</a>
606606
</article>
607607
<div class="mt4">
608-
<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">
608+
<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">
609+
Follow us on Twitter
610+
</a>
611+
<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">
609612
Join our Slack Channel
610613
</a>
611-
<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!">
614+
<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!">
612615
Open an Issue
613616
</a>
614617
</div>
615-
<p class="measure copy lh-copy">
618+
<p class="f6 measure copy lh-copy">
616619
Have a question? Need help? Feel free to open an issue on GitHub or ask a
617620
question in our slack channel. We're here to try and help make designing in
618621
the browser fun.

‎components/articles/left-title-top-border/index.html

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

658-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
658+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
659659
<div class="mw9 center">
660-
<div class="mb4">
660+
<div class="mb5">
661661
<a class="black-70 link dim b dib mr3" href="/" title="Home">
662662
Home
663663
</a>
@@ -668,25 +668,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
668668
Components
669669
</a>
670670
</div>
671-
<article>
671+
<article class="v-top">
672672
<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>
673673
<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>
674-
<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;">
674+
<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;">
675675
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
676676
<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"/>
677677
</svg>
678678
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
679679
</a>
680680
</article>
681681
<div class="mt4">
682-
<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">
682+
<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">
683+
Follow us on Twitter
684+
</a>
685+
<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">
683686
Join our Slack Channel
684687
</a>
685-
<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!">
688+
<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!">
686689
Open an Issue
687690
</a>
688691
</div>
689-
<p class="measure copy lh-copy">
692+
<p class="f6 measure copy lh-copy">
690693
Have a question? Need help? Feel free to open an issue on GitHub or ask a
691694
question in our slack channel. We're here to try and help make designing in
692695
the browser fun.

‎components/articles/left-title/index.html

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

605-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
605+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
606606
<div class="mw9 center">
607-
<div class="mb4">
607+
<div class="mb5">
608608
<a class="black-70 link dim b dib mr3" href="/" title="Home">
609609
Home
610610
</a>
@@ -615,25 +615,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
615615
Components
616616
</a>
617617
</div>
618-
<article>
618+
<article class="v-top">
619619
<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>
620620
<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>
621-
<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;">
621+
<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;">
622622
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
623623
<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"/>
624624
</svg>
625625
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
626626
</a>
627627
</article>
628628
<div class="mt4">
629-
<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">
629+
<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">
630+
Follow us on Twitter
631+
</a>
632+
<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">
630633
Join our Slack Channel
631634
</a>
632-
<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!">
635+
<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!">
633636
Open an Issue
634637
</a>
635638
</div>
636-
<p class="measure copy lh-copy">
639+
<p class="f6 measure copy lh-copy">
637640
Have a question? Need help? Feel free to open an issue on GitHub or ask a
638641
question in our slack channel. We're here to try and help make designing in
639642
the browser fun.

‎components/articles/photo-essay/index.html

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

835-
<footer class="bg-washed-blue black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
835+
<footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
836836
<div class="mw9 center">
837-
<div class="mb4">
837+
<div class="mb5">
838838
<a class="black-70 link dim b dib mr3" href="/" title="Home">
839839
Home
840840
</a>
@@ -845,25 +845,28 @@ <h2 class="f5 mb2 ttc mid-gray">pages</h2>
845845
Components
846846
</a>
847847
</div>
848-
<article>
848+
<article class="v-top">
849849
<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>
850850
<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>
851-
<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;">
851+
<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;">
852852
<svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
853853
<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"/>
854854
</svg>
855855
<span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
856856
</a>
857857
</article>
858858
<div class="mt4">
859-
<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">
859+
<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">
860+
Follow us on Twitter
861+
</a>
862+
<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">
860863
Join our Slack Channel
861864
</a>
862-
<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!">
865+
<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!">
863866
Open an Issue
864867
</a>
865868
</div>
866-
<p class="measure copy lh-copy">
869+
<p class="f6 measure copy lh-copy">
867870
Have a question? Need help? Feel free to open an issue on GitHub or ask a
868871
question in our slack channel. We're here to try and help make designing in
869872
the browser fun.

0 commit comments

Comments
 (0)