Skip to content

Commit 5be0cb9

Browse files
author
mrmrs
committed
Update broken image paths
1 parent 849b785 commit 5be0cb9

File tree

107 files changed

+6076
-3667
lines changed

Some content is hidden

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

107 files changed

+6076
-3667
lines changed

‎components/articles/feature/index.html

+172-55
Original file line numberDiff line numberDiff line change
@@ -133,57 +133,140 @@ <h2 class="f5">HTML</h2>
133133
</div>
134134
<div class="fl w-100 w-25-ns pl0 pl2-ns">
135135
<h2 class="f5">css</h2>
136-
<pre class="pa3 ba br2 b--black-10 h5" id="css">@import './_box-sizing';
137-
@import './_images';
138-
@import './_background-size';
139-
@import './_background-position';
140-
@import './_outlines';
141-
@import './_borders';
142-
@import './_border-colors';
143-
@import './_border-radius';
144-
@import './_border-style';
145-
@import './_border-widths';
146-
@import './_box-shadow';
147-
@import './_code';
148-
@import './_coordinates';
149-
@import './_clears';
150-
@import './_display';
151-
@import './_flexbox';
152-
@import './_floats';
153-
@import './_font-family';
154-
@import './_font-style';
155-
@import './_font-weight';
156-
@import './_forms';
157-
@import './_heights';
158-
@import './_letter-spacing';
159-
@import './_line-height';
160-
@import './_links';
161-
@import './_lists';
162-
@import './_max-widths';
163-
@import './_widths';
164-
@import './_overflow';
165-
@import './_position';
166-
@import './_opacity';
167-
@import './_skins';
168-
@import './_skins-pseudo';
169-
@import './_spacing';
170-
@import './_tables';
171-
@import './_text-decoration';
172-
@import './_text-align';
173-
@import './_text-transform';
174-
@import './_type-scale';
175-
@import './_typography';
176-
@import './_utilities';
177-
@import './_visibility';
178-
@import './_white-space';
179-
@import './_vertical-align';
180-
@import './_hovers';
181-
@import './_z-index';
182-
@import './_styles';
183-
@import './_colors';
184-
@import './_media-queries';
185-
@import './_debug-children';
186-
@import './_debug-grid';
136+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.cover {
137+
background-size: cover !important;
138+
}
139+
140+
.dt {
141+
display: table;
142+
}
143+
144+
.dtc {
145+
display: table-cell;
146+
}
147+
148+
.athelas {
149+
font-family: athelas, georgia, serif;
150+
}
151+
152+
.i {
153+
font-style: italic;
154+
}
155+
156+
.fs-normal {
157+
font-style: normal;
158+
}
159+
160+
.fw1 {
161+
font-weight: 100;
162+
}
163+
164+
.vh-100 {
165+
height: 100vh;
166+
}
167+
168+
.tracked {
169+
letter-spacing: .1em;
170+
}
171+
172+
.lh-title {
173+
line-height: 1.25;
174+
}
175+
176+
.lh-copy {
177+
line-height: 1.5;
178+
}
179+
180+
.w-100 {
181+
width: 100%;
182+
}
183+
184+
.white-70 {
185+
color: rgba(255, 255, 255, .7);
186+
}
187+
188+
.white-60 {
189+
color: rgba(255, 255, 255, .6);
190+
}
191+
192+
.white {
193+
color: #fff;
194+
}
195+
196+
.bg-dark-gray {
197+
background-color: #333;
198+
}
199+
200+
.pv5 {
201+
padding-top: 4rem;
202+
padding-bottom: 4rem;
203+
}
204+
205+
.ph0 {
206+
padding-left: 0;
207+
padding-right: 0;
208+
}
209+
210+
.ph2 {
211+
padding-left: .5rem;
212+
padding-right: .5rem;
213+
}
214+
215+
.mb2 {
216+
margin-bottom: .5rem;
217+
}
218+
219+
.mh0 {
220+
margin-left: 0;
221+
margin-right: 0;
222+
}
223+
224+
.tc {
225+
text-align: center;
226+
}
227+
228+
.ttu {
229+
text-transform: uppercase;
230+
}
231+
232+
.f1 {
233+
font-size: 3rem;
234+
}
235+
236+
.f4 {
237+
font-size: 1.25rem;
238+
}
239+
240+
.f5 {
241+
font-size: 1rem;
242+
}
243+
244+
.f6 {
245+
font-size: .875rem;
246+
}
247+
248+
.measure {
249+
max-width: 30em;
250+
}
251+
252+
.measure-wide {
253+
max-width: 34em;
254+
}
255+
256+
.center {
257+
margin-right: auto;
258+
margin-left: auto;
259+
}
260+
261+
.v-mid {
262+
vertical-align: middle;
263+
}
264+
265+
@media screen and (min-width: 60em) {
266+
.f-headline-l {
267+
font-size: 6rem;
268+
}
269+
}
187270

188271
</pre>
189272
</div>
@@ -193,22 +276,56 @@ <h2 class="f5">css</h2>
193276
<h2 class="f5 mb3 mt4">Css stats for this component</h2>
194277
<dl class="dib mr4 mt0">
195278
<dt class="db f6">Gzipped Size</dt>
196-
<dd class="ml0 b f3 f2-ns">343<small class="f6">B</small>
279+
<dd class="ml0 b f3 f2-ns">522<small class="f6">B</small>
197280
</dd>
198281
</dl>
199282
<dl class="dib mr4 mt0">
200283
<dt class="db f6">Selectors</dt>
201-
<dd class="ml0 b f3 f2-ns">0</dd>
284+
<dd class="ml0 b f3 f2-ns">32</dd>
202285
</dl>
203286
<dl class="dib mt0">
204287
<dt class="db f6">Declarations</dt>
205-
<dd class="ml0 b f3 f2-ns">0</dd>
288+
<dd class="ml0 b f3 f2-ns">37</dd>
206289
</dl>
207290
</div>
208291
<div class="fl w-100">
209292
<h2 class="f5 mt4">Modules referenced</h2>
210293
<ul class="list pl0 cf lh-copy mw7">
211294

295+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-background-size">tachyons-background-size</a></li>
296+
297+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-display">tachyons-display</a></li>
298+
299+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-font-family">tachyons-font-family</a></li>
300+
301+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-font-style">tachyons-font-style</a></li>
302+
303+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-font-weight">tachyons-font-weight</a></li>
304+
305+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-heights">tachyons-heights</a></li>
306+
307+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-letter-spacing">tachyons-letter-spacing</a></li>
308+
309+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-line-height">tachyons-line-height</a></li>
310+
311+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-widths">tachyons-widths</a></li>
312+
313+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-skins">tachyons-skins</a></li>
314+
315+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-spacing">tachyons-spacing</a></li>
316+
317+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-text-align">tachyons-text-align</a></li>
318+
319+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-text-transform">tachyons-text-transform</a></li>
320+
321+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-type-scale">tachyons-type-scale</a></li>
322+
323+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-typography">tachyons-typography</a></li>
324+
325+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-utilities">tachyons-utilities</a></li>
326+
327+
<li class="fl w-100 w-50-m w-33-ns"><a class="f5 link dim blue fw6" href="https://github.com/tachyons-css/tachyons-vertical-align">tachyons-vertical-align</a></li>
328+
212329
</ul>
213330
</div>
214331
</div>
@@ -217,7 +334,7 @@ <h2 class="f5 mt4">Modules referenced</h2>
217334

218335

219336
<h4 class="mt5">Install via npm <small class="fw2 f6 db mt1">Only installs the needed tachyons-modules for this component</small></h4>
220-
<code class="f6">npm i --save </code>
337+
<code class="f6">npm i --save tachyons-background-size tachyons-display tachyons-font-family tachyons-font-style tachyons-font-weight tachyons-heights tachyons-letter-spacing tachyons-line-height tachyons-widths tachyons-skins tachyons-spacing tachyons-text-align tachyons-text-transform tachyons-type-scale tachyons-typography tachyons-utilities tachyons-vertical-align</code>
221338
<section class="bt b--black-10 mt5 pv4">
222339
<h1 class="f6 b ttu">Other Components</h1>
223340

0 commit comments

Comments
 (0)