Skip to content

Commit 231f49d

Browse files
author
mrmrs
committed
Update components after new template changes
1 parent a0d84a9 commit 231f49d

File tree

39 files changed

+351
-273
lines changed

39 files changed

+351
-273
lines changed

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ <h1 class="f4 f3-ns mt4">Large Title Text</h1>
6969
<div class="fl w-100 w-75-ns pr0 pr2-ns">
7070
<h2 class="f5">HTML</h2>
7171
<p class="f5 black-70"></p>
72-
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
72+
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
7373
&lt;article class=&quot;pa3 pa5-ns&quot;&gt;
7474
&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;
7575
&lt;p class=&quot;gray f6 mb4 ttu tracked&quot;&gt;By Robert Bringhurst&lt;/p&gt;
@@ -113,7 +113,7 @@ <h2 class="f5">HTML</h2>
113113
</div>
114114
<div class="fl w-100 w-25-ns pl0 pl2-ns">
115115
<h2 class="f5">css</h2>
116-
<pre class="pa3 ba br2 b--black-05 h5" id="css">.tracked {
116+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.tracked {
117117
letter-spacing: .1em;
118118
}
119119

@@ -353,8 +353,10 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
353353
display: block;
354354
overflow-x: auto;
355355
padding: 0.5em;
356-
color: #333;
357-
background: #f8f8f8;
356+
color: #111;
357+
color: rgba(0,0,0,.7);
358+
background-color: #fff;
359+
background-color: rgba(255,255,255,.2);
358360
}
359361

360362
.hljs-comment,
@@ -375,12 +377,12 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
375377
.hljs-variable,
376378
.hljs-template-variable,
377379
.hljs-tag .hljs-attr {
378-
color: #008080;
380+
color: #006C71;
379381
}
380382

381383
.hljs-string,
382384
.hljs-doctag {
383-
color: #d14;
385+
color: #C64774;
384386
}
385387

386388
.hljs-title,
@@ -403,7 +405,7 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
403405
.hljs-tag,
404406
.hljs-name,
405407
.hljs-attribute {
406-
color: #000080;
408+
color: #00449E;
407409
font-weight: normal;
408410
}
409411

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ <h1 class="f4 f3-ns mt4">Left Title Top Border</h1>
6767
<div class="fl w-100 w-75-ns pr0 pr2-ns">
6868
<h2 class="f5">HTML</h2>
6969
<p class="f5 black-70"></p>
70-
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
70+
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
7171
&lt;article class=&quot;cf ph3 ph5-ns pv5&quot;&gt;
7272
&lt;header class=&quot;fn fl-ns w-50-ns pr4-ns&quot;&gt;
7373
&lt;h1 class=&quot;f2 lh-title fw9 mb3 mt0 pt3 bt bw2&quot;&gt;
@@ -109,7 +109,7 @@ <h2 class="f5">HTML</h2>
109109
</div>
110110
<div class="fl w-100 w-25-ns pl0 pl2-ns">
111111
<h2 class="f5">css</h2>
112-
<pre class="pa3 ba br2 b--black-05 h5" id="css">.bt {
112+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.bt {
113113
border-top-style: solid;
114114
border-top-width: 1px;
115115
}
@@ -427,8 +427,10 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
427427
display: block;
428428
overflow-x: auto;
429429
padding: 0.5em;
430-
color: #333;
431-
background: #f8f8f8;
430+
color: #111;
431+
color: rgba(0,0,0,.7);
432+
background-color: #fff;
433+
background-color: rgba(255,255,255,.2);
432434
}
433435

434436
.hljs-comment,
@@ -449,12 +451,12 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
449451
.hljs-variable,
450452
.hljs-template-variable,
451453
.hljs-tag .hljs-attr {
452-
color: #008080;
454+
color: #006C71;
453455
}
454456

455457
.hljs-string,
456458
.hljs-doctag {
457-
color: #d14;
459+
color: #C64774;
458460
}
459461

460462
.hljs-title,
@@ -477,7 +479,7 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
477479
.hljs-tag,
478480
.hljs-name,
479481
.hljs-attribute {
480-
color: #000080;
482+
color: #00449E;
481483
font-weight: normal;
482484
}
483485

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ <h1 class="f4 f3-ns mt4">Left Title</h1>
5858
<div class="fl w-100 w-75-ns pr0 pr2-ns">
5959
<h2 class="f5">HTML</h2>
6060
<p class="f5 black-70"></p>
61-
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
61+
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
6262
&lt;article class=&quot;cf ph3 ph5-ns pv5&quot;&gt;
6363
&lt;header class=&quot;fn fl-ns w-50-ns pr4-ns&quot;&gt;
6464
&lt;h1 class=&quot;mb3 mt0 lh-title&quot;&gt;Clay in a Potter&#39;s Hand&lt;/h1&gt;
@@ -91,7 +91,7 @@ <h2 class="f5">HTML</h2>
9191
</div>
9292
<div class="fl w-100 w-25-ns pl0 pl2-ns">
9393
<h2 class="f5">css</h2>
94-
<pre class="pa3 ba br2 b--black-05 h5" id="css">.cf:before, .cf:after {
94+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.cf:before, .cf:after {
9595
content: " ";
9696
display: table;
9797
}
@@ -374,8 +374,10 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
374374
display: block;
375375
overflow-x: auto;
376376
padding: 0.5em;
377-
color: #333;
378-
background: #f8f8f8;
377+
color: #111;
378+
color: rgba(0,0,0,.7);
379+
background-color: #fff;
380+
background-color: rgba(255,255,255,.2);
379381
}
380382

381383
.hljs-comment,
@@ -396,12 +398,12 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
396398
.hljs-variable,
397399
.hljs-template-variable,
398400
.hljs-tag .hljs-attr {
399-
color: #008080;
401+
color: #006C71;
400402
}
401403

402404
.hljs-string,
403405
.hljs-doctag {
404-
color: #d14;
406+
color: #C64774;
405407
}
406408

407409
.hljs-title,
@@ -424,7 +426,7 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
424426
.hljs-tag,
425427
.hljs-name,
426428
.hljs-attribute {
427-
color: #000080;
429+
color: #00449E;
428430
font-weight: normal;
429431
}
430432

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ <h1 class="f4 f3-ns mt4">Title Text Image</h1>
4747
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4848
<h2 class="f5">HTML</h2>
4949
<p class="f5 black-70"></p>
50-
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
50+
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
5151
&lt;article class=&quot;pa3 pa5-ns&quot;&gt;
5252
&lt;h1 class=&quot;f2&quot;&gt;Title Text with Image&lt;/h1&gt;
5353
&lt;img src=&quot;/img/space.jpg&quot; class=&quot;w-100 f5 measure&quot; alt=&quot;outer space&quot;&gt;
@@ -69,7 +69,7 @@ <h2 class="f5">HTML</h2>
6969
</div>
7070
<div class="fl w-100 w-25-ns pl0 pl2-ns">
7171
<h2 class="f5">css</h2>
72-
<pre class="pa3 ba br2 b--black-05 h5" id="css">.lh-copy {
72+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.lh-copy {
7373
line-height: 1.6;
7474
}
7575

@@ -281,8 +281,10 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
281281
display: block;
282282
overflow-x: auto;
283283
padding: 0.5em;
284-
color: #333;
285-
background: #f8f8f8;
284+
color: #111;
285+
color: rgba(0,0,0,.7);
286+
background-color: #fff;
287+
background-color: rgba(255,255,255,.2);
286288
}
287289

288290
.hljs-comment,
@@ -303,12 +305,12 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
303305
.hljs-variable,
304306
.hljs-template-variable,
305307
.hljs-tag .hljs-attr {
306-
color: #008080;
308+
color: #006C71;
307309
}
308310

309311
.hljs-string,
310312
.hljs-doctag {
311-
color: #d14;
313+
color: #C64774;
312314
}
313315

314316
.hljs-title,
@@ -331,7 +333,7 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
331333
.hljs-tag,
332334
.hljs-name,
333335
.hljs-attribute {
334-
color: #000080;
336+
color: #00449E;
335337
font-weight: normal;
336338
}
337339

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ <h1 class="f4 f3-ns mt4">Title Text</h1>
4646
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4747
<h2 class="f5">HTML</h2>
4848
<p class="f5 black-70"></p>
49-
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
49+
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
5050
&lt;article class=&quot;pa3 pa5-ns&quot;&gt;
5151
&lt;h1 class=&quot;&quot;&gt;Title&lt;/h1&gt;
5252
&lt;p class=&quot;measure lh-copy&quot;&gt;
@@ -67,7 +67,7 @@ <h2 class="f5">HTML</h2>
6767
</div>
6868
<div class="fl w-100 w-25-ns pl0 pl2-ns">
6969
<h2 class="f5">css</h2>
70-
<pre class="pa3 ba br2 b--black-05 h5" id="css">.lh-copy {
70+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.lh-copy {
7171
line-height: 1.6;
7272
}
7373

@@ -263,8 +263,10 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
263263
display: block;
264264
overflow-x: auto;
265265
padding: 0.5em;
266-
color: #333;
267-
background: #f8f8f8;
266+
color: #111;
267+
color: rgba(0,0,0,.7);
268+
background-color: #fff;
269+
background-color: rgba(255,255,255,.2);
268270
}
269271

270272
.hljs-comment,
@@ -285,12 +287,12 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
285287
.hljs-variable,
286288
.hljs-template-variable,
287289
.hljs-tag .hljs-attr {
288-
color: #008080;
290+
color: #006C71;
289291
}
290292

291293
.hljs-string,
292294
.hljs-doctag {
293-
color: #d14;
295+
color: #C64774;
294296
}
295297

296298
.hljs-title,
@@ -313,7 +315,7 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
313315
.hljs-tag,
314316
.hljs-name,
315317
.hljs-attribute {
316-
color: #000080;
318+
color: #00449E;
317319
font-weight: normal;
318320
}
319321

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ <h1 class="f4 f3-ns mt4">News Card</h1>
4141
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4242
<h2 class="f5">HTML</h2>
4343
<p class="f5 black-70"></p>
44-
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
44+
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
4545
&lt;article class=&quot;bg-white center mw5 ba b--black-10 mv4&quot;&gt;
4646
&lt;div class=&quot;pv2 ph3&quot;&gt;
4747
&lt;h1 class=&quot;f6 ttu tracked&quot;&gt;Daily News Co.&lt;/h1&gt;
@@ -57,7 +57,7 @@ <h2 class="f5">HTML</h2>
5757
</div>
5858
<div class="fl w-100 w-25-ns pl0 pl2-ns">
5959
<h2 class="f5">css</h2>
60-
<pre class="pa3 ba br2 b--black-05 h5" id="css">.ba {
60+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.ba {
6161
border-style: solid;
6262
border-width: 1px;
6363
}
@@ -362,8 +362,10 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
362362
display: block;
363363
overflow-x: auto;
364364
padding: 0.5em;
365-
color: #333;
366-
background: #f8f8f8;
365+
color: #111;
366+
color: rgba(0,0,0,.7);
367+
background-color: #fff;
368+
background-color: rgba(255,255,255,.2);
367369
}
368370

369371
.hljs-comment,
@@ -384,12 +386,12 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
384386
.hljs-variable,
385387
.hljs-template-variable,
386388
.hljs-tag .hljs-attr {
387-
color: #008080;
389+
color: #006C71;
388390
}
389391

390392
.hljs-string,
391393
.hljs-doctag {
392-
color: #d14;
394+
color: #C64774;
393395
}
394396

395397
.hljs-title,
@@ -412,7 +414,7 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
412414
.hljs-tag,
413415
.hljs-name,
414416
.hljs-attribute {
415-
color: #000080;
417+
color: #00449E;
416418
font-weight: normal;
417419
}
418420

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

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ <h1 class="f4 f3-ns mt4">Product Card</h1>
4848
<div class="fl w-100 w-75-ns pr0 pr2-ns">
4949
<h2 class="f5">HTML</h2>
5050
<p class="f5 black-70"></p>
51-
<pre class="pa3 ba br2 b--black-05 h5 bg-white-20" id="html">
51+
<pre class="pa3 ba br2 b--black-10 h5 bg-white-20" id="html">
5252
&lt;article class=&quot;br2 ba dark-gray b--black-10 mv4 w-100 w-50-m w-25-l mw5 center&quot;&gt;
5353
&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;
5454
&lt;div class=&quot;pa2 ph3-ns pb3-ns&quot;&gt;
@@ -71,7 +71,7 @@ <h2 class="f5">HTML</h2>
7171
</div>
7272
<div class="fl w-100 w-25-ns pl0 pl2-ns">
7373
<h2 class="f5">css</h2>
74-
<pre class="pa3 ba br2 b--black-05 h5" id="css">.ba {
74+
<pre class="pa3 ba br2 b--black-10 h5" id="css">.ba {
7575
border-style: solid;
7676
border-width: 1px;
7777
}
@@ -389,8 +389,10 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
389389
display: block;
390390
overflow-x: auto;
391391
padding: 0.5em;
392-
color: #333;
393-
background: #f8f8f8;
392+
color: #111;
393+
color: rgba(0,0,0,.7);
394+
background-color: #fff;
395+
background-color: rgba(255,255,255,.2);
394396
}
395397

396398
.hljs-comment,
@@ -411,12 +413,12 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
411413
.hljs-variable,
412414
.hljs-template-variable,
413415
.hljs-tag .hljs-attr {
414-
color: #008080;
416+
color: #006C71;
415417
}
416418

417419
.hljs-string,
418420
.hljs-doctag {
419-
color: #d14;
421+
color: #C64774;
420422
}
421423

422424
.hljs-title,
@@ -439,7 +441,7 @@ <h2 class="f5 mb2 ttc mid-gray">nav</h2>
439441
.hljs-tag,
440442
.hljs-name,
441443
.hljs-attribute {
442-
color: #000080;
444+
color: #00449E;
443445
font-weight: normal;
444446
}
445447

0 commit comments

Comments
 (0)