Skip to content

Commit a0d84a9

Browse files
author
mrmrs
committed
Update highlight colors to match tachyons theme now :)
1 parent c23fade commit a0d84a9

File tree

42 files changed

+1296
-120
lines changed

Some content is hidden

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

42 files changed

+1296
-120
lines changed

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

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -63,14 +63,13 @@ <h1 class="f2 f-subheadline-ns mb4">9.5.1 If the text will be read on the screen
6363
</p>
6464
</article>
6565

66-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
66+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
6767
<h1 class="f4 f3-ns mt4">Large Title Text</h1>
68-
6968
<div class="cf">
7069
<div class="fl w-100 w-75-ns pr0 pr2-ns">
7170
<h2 class="f5">HTML</h2>
7271
<p class="f5 black-70"></p>
73-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
72+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
7473
&lt;article class=&quot;pa3 pa5-ns&quot;&gt;
7574
&lt;h1 class=&quot;f2 f-subheadline-ns mb4&quot;&gt;9.5.1 If the text will be read on the screen, design it for that medium.&lt;/h1&gt;
7675
&lt;p class=&quot;gray f6 mb4 ttu tracked&quot;&gt;By Robert Bringhurst&lt;/p&gt;
@@ -307,6 +306,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
307306

308307
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
309308

309+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
310+
311+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
312+
310313
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
311314

312315
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

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

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,14 +61,13 @@ <h2 class="f3 mid-gray lh-title">
6161
</div>
6262
</article>
6363

64-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
64+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
6565
<h1 class="f4 f3-ns mt4">Left Title Top Border</h1>
66-
6766
<div class="cf">
6867
<div class="fl w-100 w-75-ns pr0 pr2-ns">
6968
<h2 class="f5">HTML</h2>
7069
<p class="f5 black-70"></p>
71-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
70+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
7271
&lt;article class=&quot;cf ph3 ph5-ns pv5&quot;&gt;
7372
&lt;header class=&quot;fn fl-ns w-50-ns pr4-ns&quot;&gt;
7473
&lt;h1 class=&quot;f2 lh-title fw9 mb3 mt0 pt3 bt bw2&quot;&gt;
@@ -381,6 +380,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
381380

382381
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
383382

383+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
384+
385+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
386+
384387
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
385388

386389
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

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

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -52,14 +52,13 @@ <h1 class="mb3 mt0 lh-title">Clay in a Potter's Hand</h1>
5252
</div>
5353
</article>
5454

55-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
55+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
5656
<h1 class="f4 f3-ns mt4">Left Title</h1>
57-
5857
<div class="cf">
5958
<div class="fl w-100 w-75-ns pr0 pr2-ns">
6059
<h2 class="f5">HTML</h2>
6160
<p class="f5 black-70"></p>
62-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
61+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
6362
&lt;article class=&quot;cf ph3 ph5-ns pv5&quot;&gt;
6463
&lt;header class=&quot;fn fl-ns w-50-ns pr4-ns&quot;&gt;
6564
&lt;h1 class=&quot;mb3 mt0 lh-title&quot;&gt;Clay in a Potter&#39;s Hand&lt;/h1&gt;
@@ -328,6 +327,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
328327

329328
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
330329

330+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
331+
332+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
333+
331334
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
332335

333336
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

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

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -41,14 +41,13 @@ <h1 class="f2">Title Text with Image</h1>
4141
</p>
4242
</article>
4343

44-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
44+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
4545
<h1 class="f4 f3-ns mt4">Title Text Image</h1>
46-
4746
<div class="cf">
4847
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4948
<h2 class="f5">HTML</h2>
5049
<p class="f5 black-70"></p>
51-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
50+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
5251
&lt;article class=&quot;pa3 pa5-ns&quot;&gt;
5352
&lt;h1 class=&quot;f2&quot;&gt;Title Text with Image&lt;/h1&gt;
5453
&lt;img src=&quot;/img/space.jpg&quot; class=&quot;w-100 f5 measure&quot; alt=&quot;outer space&quot;&gt;
@@ -235,6 +234,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
235234

236235
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
237236

237+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
238+
239+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
240+
238241
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
239242

240243
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

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

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -40,14 +40,13 @@ <h1 class="">Title</h1>
4040
</p>
4141
</article>
4242

43-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
43+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
4444
<h1 class="f4 f3-ns mt4">Title Text</h1>
45-
4645
<div class="cf">
4746
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4847
<h2 class="f5">HTML</h2>
4948
<p class="f5 black-70"></p>
50-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
49+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
5150
&lt;article class=&quot;pa3 pa5-ns&quot;&gt;
5251
&lt;h1 class=&quot;&quot;&gt;Title&lt;/h1&gt;
5352
&lt;p class=&quot;measure lh-copy&quot;&gt;
@@ -217,6 +216,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
217216

218217
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
219218

219+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
220+
221+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
222+
220223
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
221224

222225
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

‎components/collections/news-card/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,14 +35,13 @@ <h1 class="f6 ttu tracked">Daily News Co.</h1>
3535
</div>
3636
</article>
3737

38-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
38+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
3939
<h1 class="f4 f3-ns mt4">News Card</h1>
40-
4140
<div class="cf">
4241
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4342
<h2 class="f5">HTML</h2>
4443
<p class="f5 black-70"></p>
45-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
44+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
4645
&lt;article class=&quot;bg-white center mw5 ba b--black-10 mv4&quot;&gt;
4746
&lt;div class=&quot;pv2 ph3&quot;&gt;
4847
&lt;h1 class=&quot;f6 ttu tracked&quot;&gt;Daily News Co.&lt;/h1&gt;
@@ -316,6 +315,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
316315

317316
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
318317

318+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
319+
320+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
321+
319322
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
320323

321324
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

‎components/collections/product-card/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -42,14 +42,13 @@ <h2 class="f5 mv0">$1,000</h2>
4242
</div>
4343
</article>
4444

45-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
45+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
4646
<h1 class="f4 f3-ns mt4">Product Card</h1>
47-
4847
<div class="cf">
4948
<div class="fl w-100 w-75-ns pr0 pr2-ns">
5049
<h2 class="f5">HTML</h2>
5150
<p class="f5 black-70"></p>
52-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
51+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
5352
&lt;article class=&quot;br2 ba dark-gray b--black-10 mv4 w-100 w-50-m w-25-l mw5 center&quot;&gt;
5453
&lt;img src=&quot;http://placekitten.com/g/600/300&quot; class=&quot;db w-100 br2 br--top&quot; alt=&quot;kitty&quot;&gt;
5554
&lt;div class=&quot;pa2 ph3-ns pb3-ns&quot;&gt;
@@ -343,6 +342,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
343342

344343
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
345344

345+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
346+
347+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
348+
346349
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
347350

348351
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

‎components/collections/profile-card-title-subtitle/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,14 +32,13 @@ <h2 class="f5 fw4 gray mt0">CCO (Chief Cat Officer)</h2>
3232
</div>
3333
</article>
3434

35-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
35+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
3636
<h1 class="f4 f3-ns mt4">Profile Card Title Subtitle</h1>
37-
3837
<div class="cf">
3938
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4039
<h2 class="f5">HTML</h2>
4140
<p class="f5 black-70"></p>
42-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
41+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
4342
&lt;article class=&quot;mw5 center bg-white br3 pa3 pa4-ns mv3 ba b--black-10&quot;&gt;
4443
&lt;div class=&quot;tc&quot;&gt;
4544
&lt;img src=&quot;/img/avatar_1.jpg&quot; class=&quot;br-100 h4 w4 dib ba b--black-05 pa2&quot; title=&quot;Kitty staring at you&quot;&gt;
@@ -296,6 +295,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
296295

297296
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
298297

298+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
299+
300+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
301+
299302
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
300303

301304
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

‎components/collections/profile-card/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,14 +37,13 @@ <h1 class="f4">Mimi Whitehouse</h1>
3737
</p>
3838
</article>
3939

40-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
40+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
4141
<h1 class="f4 f3-ns mt4">Profile Card</h1>
42-
4342
<div class="cf">
4443
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4544
<h2 class="f5">HTML</h2>
4645
<p class="f5 black-70"></p>
47-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
46+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
4847
&lt;article class=&quot;mw5 center bg-white br3 pa3 pa4-ns mv3 ba b--black-10&quot;&gt;
4948
&lt;div class=&quot;tc&quot;&gt;
5049
&lt;img src=&quot;/img/avatar_1.jpg&quot; class=&quot;br-100 h3 w3 dib&quot; title=&quot;Kitty staring at you&quot;&gt;
@@ -311,6 +310,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
311310

312311
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
313312

313+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
314+
315+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
316+
314317
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
315318

316319
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

‎components/collections/text-card/index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,14 +35,13 @@ <h1 class="f4 bg-near-white br3 br--top black-60 mv0 pv2 ph3">Title of card</h1>
3535
</div>
3636
</article>
3737

38-
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70" style="background: #fafafa;">
38+
<section data-name="component-info" class="pa3 pa5-ns bt b--black-10 black-70 bg-washed-blue">
3939
<h1 class="f4 f3-ns mt4">Text Card</h1>
40-
4140
<div class="cf">
4241
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4342
<h2 class="f5">HTML</h2>
4443
<p class="f5 black-70"></p>
45-
<pre class="pa3 ba br2 b--black-05 h5" id="html">
44+
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
4645
&lt;article class=&quot;center mw5 mw6-ns br3 hidden ba b--black-10 mv4&quot;&gt;
4746
&lt;h1 class=&quot;f4 bg-near-white br3 br--top black-60 mv0 pv2 ph3&quot;&gt;Title of card&lt;/h1&gt;
4847
&lt;div class=&quot;pa3 bt b--black-10&quot;&gt;
@@ -293,6 +292,10 @@ <h2 class="f5 mb2 ttc mid-gray">lists</h2>
293292

294293
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/links-with-borders-inline/index.html">Links With Borders Inline</a>
295294

295+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-large/index.html">Slab Stat Large</a>
296+
297+
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat-small/index.html">Slab Stat Small</a>
298+
296299
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/slab-stat/index.html">Slab Stat</a>
297300

298301
<a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/lists/title-text/index.html">Title Text</a>

0 commit comments

Comments
 (0)