Skip to content

Commit 4cb9b8a

Browse files
author
mrmrs
committed
Design tweaks
1 parent 9ff3580 commit 4cb9b8a

File tree

43 files changed

+144
-138
lines changed

Some content is hidden

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

43 files changed

+144
-138
lines changed

‎build.js‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
1-
require('./src/components-build')()
2-
console.log('components build complete')
1+
//require('./src/components-build')()
2+
//console.log('components build complete')
33
require('./src/table-of-styles-build')()
44
console.log('table of styles build complete')
55
require('./src/table-of-properties-build')()

‎components/nav/logo-links-inline-collapse/index.html‎

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -24,16 +24,16 @@
2424
</head>
2525
<body class="w-100 sans-serif bg-white">
2626
<main>
27-
<nav class="db dt-ns w-100 border-box pa3 ph5-ns">
28-
<a class="db dtc-ns v-mid mid-gray link dim w-100 w-25-ns tc tl-ns mb2 mb0-ns" href="#" title="Home">
27+
<nav class="db dt-l w-100 border-box pa3 ph5-l">
28+
<a class="db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l" href="#" title="Home">
2929
<img src="/img/logo.jpg" class="dib w2 h2 br-100" alt="Site Name">
3030
</a>
31-
<div class="db dtc-ns v-mid w-100 w-75-ns tc tr-ns">
32-
<a class="link dim dark-gray f6 f5-ns dib mr3 mr4-ns" href="#" title="Home">Home</a>
33-
<a class="link dim dark-gray f6 f5-ns dib mr3 mr4-ns" href="#" title="How it Works">How it Works</a>
34-
<a class="link dim dark-gray f6 f5-ns dib mr3 mr4-ns" href="#" title="Blog">Blog</a>
35-
<a class="link dim dark-gray f6 f5-ns dib mr3 mr4-ns" href="#" title="Press">Press</a>
36-
<a class="link dim dark-gray f6 f5-ns dib" href="#" title="Contact">Contact</a>
31+
<div class="db dtc-l v-mid w-100 w-75-l tc tr-l">
32+
<a class="link dim dark-gray f6 f5-l dib mr3 mr4-l" href="#" title="Home">Home</a>
33+
<a class="link dim dark-gray f6 f5-l dib mr3 mr4-l" href="#" title="How it Works">How it Works</a>
34+
<a class="link dim dark-gray f6 f5-l dib mr3 mr4-l" href="#" title="Blog">Blog</a>
35+
<a class="link dim dark-gray f6 f5-l dib mr3 mr4-l" href="#" title="Press">Press</a>
36+
<a class="link dim dark-gray f6 f5-l dib" href="#" title="Contact">Contact</a>
3737
</div>
3838
</nav>
3939

@@ -45,16 +45,16 @@ <h1 class="f4 f3-ns mt4">Logo Links Inline Collapse</h1>
4545
<h2 class="f5">HTML</h2>
4646
<p class="f5 black-70"></p>
4747
<pre class="pa3 ba br2 b--black-05 h5" id="html">
48-
&lt;nav class=&quot;db dt-ns w-100 border-box pa3 ph5-ns&quot;&gt;
49-
&lt;a class=&quot;db dtc-ns v-mid mid-gray link dim w-100 w-25-ns tc tl-ns mb2 mb0-ns&quot; href=&quot;#&quot; title=&quot;Home&quot;&gt;
48+
&lt;nav class=&quot;db dt-l w-100 border-box pa3 ph5-l&quot;&gt;
49+
&lt;a class=&quot;db dtc-l v-mid mid-gray link dim w-100 w-25-l tc tl-l mb2 mb0-l&quot; href=&quot;#&quot; title=&quot;Home&quot;&gt;
5050
&lt;img src=&quot;/img/logo.jpg&quot; class=&quot;dib w2 h2 br-100&quot; alt=&quot;Site Name&quot;&gt;
5151
&lt;/a&gt;
52-
&lt;div class=&quot;db dtc-ns v-mid w-100 w-75-ns tc tr-ns&quot;&gt;
53-
&lt;a class=&quot;link dim dark-gray f6 f5-ns dib mr3 mr4-ns&quot; href=&quot;#&quot; title=&quot;Home&quot;&gt;Home&lt;/a&gt;
54-
&lt;a class=&quot;link dim dark-gray f6 f5-ns dib mr3 mr4-ns&quot; href=&quot;#&quot; title=&quot;How it Works&quot;&gt;How it Works&lt;/a&gt;
55-
&lt;a class=&quot;link dim dark-gray f6 f5-ns dib mr3 mr4-ns&quot; href=&quot;#&quot; title=&quot;Blog&quot;&gt;Blog&lt;/a&gt;
56-
&lt;a class=&quot;link dim dark-gray f6 f5-ns dib mr3 mr4-ns&quot; href=&quot;#&quot; title=&quot;Press&quot;&gt;Press&lt;/a&gt;
57-
&lt;a class=&quot;link dim dark-gray f6 f5-ns dib&quot; href=&quot;#&quot; title=&quot;Contact&quot;&gt;Contact&lt;/a&gt;
52+
&lt;div class=&quot;db dtc-l v-mid w-100 w-75-l tc tr-l&quot;&gt;
53+
&lt;a class=&quot;link dim dark-gray f6 f5-l dib mr3 mr4-l&quot; href=&quot;#&quot; title=&quot;Home&quot;&gt;Home&lt;/a&gt;
54+
&lt;a class=&quot;link dim dark-gray f6 f5-l dib mr3 mr4-l&quot; href=&quot;#&quot; title=&quot;How it Works&quot;&gt;How it Works&lt;/a&gt;
55+
&lt;a class=&quot;link dim dark-gray f6 f5-l dib mr3 mr4-l&quot; href=&quot;#&quot; title=&quot;Blog&quot;&gt;Blog&lt;/a&gt;
56+
&lt;a class=&quot;link dim dark-gray f6 f5-l dib mr3 mr4-l&quot; href=&quot;#&quot; title=&quot;Press&quot;&gt;Press&lt;/a&gt;
57+
&lt;a class=&quot;link dim dark-gray f6 f5-l dib&quot; href=&quot;#&quot; title=&quot;Contact&quot;&gt;Contact&lt;/a&gt;
5858
&lt;/div&gt;
5959
&lt;/nav&gt;
6060

@@ -158,45 +158,45 @@ <h2 class="f5">CSS</h2>
158158
transition: opacity .15s ease-out;
159159
}
160160

161-
@media screen and (min-width: 30em) {
162-
.dt-ns {
161+
@media screen and (min-width: 60em) {
162+
.dt-l {
163163
display: table;
164164
}
165165

166-
.dtc-ns {
166+
.dtc-l {
167167
display: table-cell;
168168
}
169169

170-
.w-25-ns {
170+
.w-25-l {
171171
width: 25%;
172172
}
173173

174-
.w-75-ns {
174+
.w-75-l {
175175
width: 75%;
176176
}
177177

178-
.ph5-ns {
178+
.ph5-l {
179179
padding-left: 4rem;
180180
padding-right: 4rem;
181181
}
182182

183-
.mr4-ns {
183+
.mr4-l {
184184
margin-right: 2rem;
185185
}
186186

187-
.mb0-ns {
187+
.mb0-l {
188188
margin-bottom: 0;
189189
}
190190

191-
.tl-ns {
191+
.tl-l {
192192
text-align: left;
193193
}
194194

195-
.tr-ns {
195+
.tr-l {
196196
text-align: right;
197197
}
198198

199-
.f5-ns {
199+
.f5-l {
200200
font-size: 1rem;
201201
}
202202
}
@@ -209,7 +209,7 @@ <h2 class="f5">CSS</h2>
209209
<h2 class="f5 mb3 mt4">CSS Stats for this Component</h2>
210210
<dl class="dib mr4 mt0">
211211
<dt class="db f6">Gzipped Size</dt>
212-
<dd class="ml0 b f3 f2-ns">496<small class="f6">B</small>
212+
<dd class="ml0 b f3 f2-ns">495<small class="f6">B</small>
213213
</dd>
214214
</dl>
215215
<dl class="dib mr4 mt0">

‎docs/debug/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -527,10 +527,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
527527
<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>
528528
</article>
529529
<div class="mt4">
530-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
530+
<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">
531531
Join our Slack Channel
532532
</a>
533-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
533+
<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!">
534534
Open an Issue
535535
</a>
536536
</div>

‎docs/elements/forms/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -203,10 +203,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
203203
<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>
204204
</article>
205205
<div class="mt4">
206-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
206+
<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">
207207
Join our Slack Channel
208208
</a>
209-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
209+
<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!">
210210
Open an Issue
211211
</a>
212212
</div>

‎docs/elements/images/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -163,10 +163,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
163163
<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>
164164
</article>
165165
<div class="mt4">
166-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
166+
<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">
167167
Join our Slack Channel
168168
</a>
169-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
169+
<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!">
170170
Open an Issue
171171
</a>
172172
</div>

‎docs/elements/links/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -222,10 +222,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
222222
<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>
223223
</article>
224224
<div class="mt4">
225-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
225+
<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">
226226
Join our Slack Channel
227227
</a>
228-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
228+
<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!">
229229
Open an Issue
230230
</a>
231231
</div>

‎docs/elements/lists/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -205,10 +205,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
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>
206206
</article>
207207
<div class="mt4">
208-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
208+
<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">
209209
Join our Slack Channel
210210
</a>
211-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
211+
<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!">
212212
Open an Issue
213213
</a>
214214
</div>

‎docs/elements/tables/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -231,10 +231,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
231231
<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>
232232
</article>
233233
<div class="mt4">
234-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
234+
<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">
235235
Join our Slack Channel
236236
</a>
237-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
237+
<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!">
238238
Open an Issue
239239
</a>
240240
</div>

‎docs/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -133,10 +133,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
133133
<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>
134134
</article>
135135
<div class="mt4">
136-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
136+
<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">
137137
Join our Slack Channel
138138
</a>
139-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
139+
<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!">
140140
Open an Issue
141141
</a>
142142
</div>

‎docs/layout/box-sizing/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -243,10 +243,10 @@ <h2 class="f6 fw7 ttu tracked">Theming</h2>
243243
<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>
244244
</article>
245245
<div class="mt4">
246-
<a class="ba black-70 link br2 dim b dib mr3 pv2 ph3" href="http://tachyons-slack-invite.herokuapp.com" title="Join our Slack Channel">
246+
<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">
247247
Join our Slack Channel
248248
</a>
249-
<a class="ba br2 black-70 link dim b dib pv2 ph3" href="https://github.com/tachyons-css/tachyons/issues" title="File a bug, request a feature, ask a question!">
249+
<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!">
250250
Open an Issue
251251
</a>
252252
</div>

0 commit comments

Comments
 (0)