Skip to content

Commit e9249e5

Browse files
author
mrmrs
committed
Update components
1 parent 938070c commit e9249e5

File tree

65 files changed

+3566
-5975
lines changed

Some content is hidden

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

65 files changed

+3566
-5975
lines changed

‎components/articles/feature/index.html

+55-172
Original file line numberDiff line numberDiff line change
@@ -133,140 +133,57 @@ <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">.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-
}
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';
270187

271188
</pre>
272189
</div>
@@ -276,56 +193,22 @@ <h2 class="f5">css</h2>
276193
<h2 class="f5 mb3 mt4">Css stats for this component</h2>
277194
<dl class="dib mr4 mt0">
278195
<dt class="db f6">Gzipped Size</dt>
279-
<dd class="ml0 b f3 f2-ns">522<small class="f6">B</small>
196+
<dd class="ml0 b f3 f2-ns">343<small class="f6">B</small>
280197
</dd>
281198
</dl>
282199
<dl class="dib mr4 mt0">
283200
<dt class="db f6">Selectors</dt>
284-
<dd class="ml0 b f3 f2-ns">32</dd>
201+
<dd class="ml0 b f3 f2-ns">0</dd>
285202
</dl>
286203
<dl class="dib mt0">
287204
<dt class="db f6">Declarations</dt>
288-
<dd class="ml0 b f3 f2-ns">37</dd>
205+
<dd class="ml0 b f3 f2-ns">0</dd>
289206
</dl>
290207
</div>
291208
<div class="fl w-100">
292209
<h2 class="f5 mt4">Modules referenced</h2>
293210
<ul class="list pl0 cf lh-copy mw7">
294211

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-
329212
</ul>
330213
</div>
331214
</div>
@@ -334,7 +217,7 @@ <h2 class="f5 mt4">Modules referenced</h2>
334217

335218

336219
<h4 class="mt5">Install via npm <small class="fw2 f6 db mt1">Only installs the needed tachyons-modules for this component</small></h4>
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>
220+
<code class="f6">npm i --save </code>
338221
<section class="bt b--black-10 mt5 pv4">
339222
<h1 class="f6 b ttu">Other Components</h1>
340223

0 commit comments

Comments
 (0)