Skip to content

Commit 90d20cb

Browse files
author
mrmrs
committed
Update home
1 parent 8450aae commit 90d20cb

File tree

2 files changed

+24
-24
lines changed

2 files changed

+24
-24
lines changed

‎index.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@
5555
<main class="w-100 bt b--black-10 bg-white">
5656
<section class="bg-black-0125 w-100">
5757
<article class="pb4 pb5-ns">
58-
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb5 bb b--black-10 overflow-auto">
58+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bb b--black-10 overflow-auto">
5959
<div class="nowrap mw9 center">
6060
<a title="Getting Started" href="#getting-started"
6161
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
@@ -80,18 +80,18 @@
8080
</div>
8181
</header>
8282
<div class="ph3 ph5-ns">
83-
<div class="cf mw9 center">
84-
<div class="fl w-100">
83+
<div class="cf mw9 center tc-m">
84+
<div class="fl w-100 overflow-auto">
8585
<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>
8686
<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>
8787
</div>
88-
<div class="pb3 pb4-ns pt4 pt5-ns black-70 fl-l w-50-l">
88+
<div class="pb3 pb4-ns pt4 pt5-ns mt4 black-70 fl-l w-50-l">
8989
<h1 class="f4 fw6 f1-ns lh-title measure mt0">
9090
Built for designing.
9191
</h1>
92-
<p class="f5 f4-ns fw4 b measure lh-copy">
92+
<p class="f5 f4-ns fw4 b measure dib-m lh-copy">
9393
Create fast loading, highly readable, and
94-
100% responsive interfaces with as little css as possible.
94+
100% responsive interfaces with as little css as possible.
9595
</p>
9696
<p class="measure f5 f4-ns lh-copy dn">
9797
Modules can be altered, extended, or changed to meet your design needs.
@@ -100,9 +100,9 @@ <h1 class="f4 fw6 f1-ns lh-title measure mt0">
100100
can quickly start to build out interfaces while writing little to no css.
101101
</p>
102102
</div>
103-
<div class="fl-l w-50-l tl tc-ns pt4 pt5-ns">
103+
<div class="fl-l w-50-l tl tc-ns pt3 pt4-m pt6-l">
104104
<a
105-
class="fw6 dib ba b--black-20 bg-blue white f5 ph4 pv3 br2 grow no-underline"
105+
class="f6 f5-ns fw6 dib ba b--black-20 bg-blue white ph3 ph4-ns pv2 pv3-ns br2 grow no-underline"
106106
href="https://raw.githubusercontent.com/tachyons-css/tachyons/master/css/tachyons.min.css">
107107
Download <code class="f6 fw4 di">v4.4.1</code>
108108
</a>
@@ -112,7 +112,7 @@ <h1 class="f4 fw6 f1-ns lh-title measure mt0">
112112
</article>
113113
<article class="bt b--black-10 bg-washed-blue black-70 ph3 ph5-ns pv4 pv5-ns" id="getting-started">
114114
<div class="mw9 center">
115-
<h1 class="mtn f4 ttu tracked">Getting Started</h1>
115+
<h1 class="mt0 f5 f3-ns">Getting Started</h1>
116116
<p class="f5 measure lh-copy">
117117
Copy the line of code below and paste it in the head of the html file(s) you want to include tachyons in.
118118
</p>
@@ -126,7 +126,7 @@ <h1 class="mtn f4 ttu tracked">Getting Started</h1>
126126
</code></pre>
127127
<section class="bt b--black-10 pv5 mt5 cf">
128128
<div class="fl-l w-100 w-50-l pr4-ns">
129-
<h3 class="mtn f3 mt0">Start a New Project</h3>
129+
<h3 class="mtn f5 f3-ns mt0">Start a New Project</h3>
130130
<p class="f6 f5-ns measure lh-copy mb4 mt0">
131131
Get setup and running with this ~7 minute screencast. Download the
132132
project and learn how to customize the tachyons source files and
@@ -331,8 +331,8 @@ <h3 class="f5 fw6 ttu tracked black-70 mb4">Start using Tachyons</h3>
331331
</section>
332332
<section>
333333
<div class="ph3 ph5-ns pt5">
334-
<div class="mw9 center">
335-
<h3 class="f5 fw6 ttu tracked" id="style">Tachyons Styleguide</h3>
334+
<div class="mw9 center overflow-auto">
335+
<h3 class="f5 fw6 ttu tracked">Tachyons Styleguide</h3>
336336
<p class="lh-copy measure">
337337
This is a quick introduction to some of the building blocks that Tachyons makes available. For a more in-depth look at design principles and how each module works, be sure to check out the <a class="link blue underline hover-navy" href="/docs" title="Tachyons docs">docs</a>
338338
</p>

‎src/templates/index.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<main class="w-100 bt b--black-10 bg-white">
1313
<section class="bg-black-0125 w-100">
1414
<article class="pb4 pb5-ns">
15-
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb5 bb b--black-10 overflow-auto">
15+
<header class="ph3 ph5-ns w-100 bg-transparent pv3 mb4 mb5-ns bb b--black-10 overflow-auto">
1616
<div class="nowrap mw9 center">
1717
<a title="Getting Started" href="#getting-started"
1818
class="pb2-ns f6 fw6 dim link black-70 mr2 mr3-m mr4-l dib">
@@ -37,18 +37,18 @@
3737
</div>
3838
</header>
3939
<div class="ph3 ph5-ns">
40-
<div class="cf mw9 center">
41-
<div class="fl w-100">
40+
<div class="cf mw9 center tc-m">
41+
<div class="fl w-100 overflow-auto">
4242
<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>
4343
<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>
4444
</div>
45-
<div class="pb3 pb4-ns pt4 pt5-ns black-70 fl-l w-50-l">
45+
<div class="pb3 pb4-ns pt4 pt5-ns mt4 black-70 fl-l w-50-l">
4646
<h1 class="f4 fw6 f1-ns lh-title measure mt0">
4747
Built for designing.
4848
</h1>
49-
<p class="f5 f4-ns fw4 b measure lh-copy">
49+
<p class="f5 f4-ns fw4 b measure dib-m lh-copy">
5050
Create fast loading, highly readable, and
51-
100% responsive interfaces with as little css as possible.
51+
100% responsive interfaces with as little css as possible.
5252
</p>
5353
<p class="measure f5 f4-ns lh-copy dn">
5454
Modules can be altered, extended, or changed to meet your design needs.
@@ -57,9 +57,9 @@ <h1 class="f4 fw6 f1-ns lh-title measure mt0">
5757
can quickly start to build out interfaces while writing little to no css.
5858
</p>
5959
</div>
60-
<div class="fl-l w-50-l tl tc-ns pt4 pt5-ns">
60+
<div class="fl-l w-50-l tl tc-ns pt3 pt4-m pt6-l">
6161
<a
62-
class="fw6 dib ba b--black-20 bg-blue white f5 ph4 pv3 br2 grow no-underline"
62+
class="f6 f5-ns fw6 dib ba b--black-20 bg-blue white ph3 ph4-ns pv2 pv3-ns br2 grow no-underline"
6363
href="https://raw.githubusercontent.com/tachyons-css/tachyons/master/css/tachyons.min.css">
6464
Download <code class="f6 fw4 di">v<%= version %></code>
6565
</a>
@@ -69,7 +69,7 @@ <h1 class="f4 fw6 f1-ns lh-title measure mt0">
6969
</article>
7070
<article class="bt b--black-10 bg-washed-blue black-70 ph3 ph5-ns pv4 pv5-ns" id="getting-started">
7171
<div class="mw9 center">
72-
<h1 class="mtn f4 ttu tracked">Getting Started</h1>
72+
<h1 class="mt0 f5 f3-ns">Getting Started</h1>
7373
<p class="f5 measure lh-copy">
7474
Copy the line of code below and paste it in the head of the html file(s) you want to include tachyons in.
7575
</p>
@@ -83,7 +83,7 @@ <h1 class="mtn f4 ttu tracked">Getting Started</h1>
8383
</code></pre>
8484
<section class="bt b--black-10 pv5 mt5 cf">
8585
<div class="fl-l w-100 w-50-l pr4-ns">
86-
<h3 class="mtn f3 mt0">Start a New Project</h3>
86+
<h3 class="mtn f5 f3-ns mt0">Start a New Project</h3>
8787
<p class="f6 f5-ns measure lh-copy mb4 mt0">
8888
Get setup and running with this ~7 minute screencast. Download the
8989
project and learn how to customize the tachyons source files and
@@ -288,8 +288,8 @@ <h3 class="f5 fw6 ttu tracked black-70 mb4">Start using Tachyons</h3>
288288
</section>
289289
<section>
290290
<div class="ph3 ph5-ns pt5">
291-
<div class="mw9 center">
292-
<h3 class="f5 fw6 ttu tracked" id="style">Tachyons Styleguide</h3>
291+
<div class="mw9 center overflow-auto">
292+
<h3 class="f5 fw6 ttu tracked">Tachyons Styleguide</h3>
293293
<p class="lh-copy measure">
294294
This is a quick introduction to some of the building blocks that Tachyons makes available. For a more in-depth look at design principles and how each module works, be sure to check out the <a class="link blue underline hover-navy" href="/docs" title="Tachyons docs">docs</a>
295295
</p>

0 commit comments

Comments
 (0)