◊(Local Yarn Code "Check-in [34d3bec4]")

Overview
Comment:Style updates for headings, lists, and separators
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 34d3bec4efd715b33f1c8c96d2bfe320f55771bfd85c7b4e2fb64c34b013c5d5
User & Date: joel on 2020-03-24 03:26:02
Other Links: manifest | tags
Context
2020-03-31
03:45
Move normalize func into dust.rkt check-in: dc2a4bd0 user: joel tags: trunk
2020-03-24
03:26
Style updates for headings, lists, and separators check-in: 34d3bec4 user: joel tags: trunk
02:37
Use semicolons to separate indexed keywords specified in metas; allows use of commas in the index entry check-in: 474b5560 user: joel tags: trunk
Changes

Modified tags-html.rkt from [c0de1d26] to [d3cc0047].

84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
         html-fndef
         html-note-with-srcline)

(define html-item (default-tag-function 'li))
(define html-section (default-tag-function 'h2))
(define html-subsection (default-tag-function 'h3))
(define html-newthought (default-tag-function 'span #:class "newthought"))
(define (html-sep) '(hr))
(define html-caps (default-tag-function 'span #:class "caps"))
(define html-center (default-tag-function 'div #:style "text-align: center"))
(define html-strike (default-tag-function 'span #:style "text-decoration: line-through"))
(define html-dialogue (default-tag-function 'dl #:class "dialogue"))
(define html-mono (default-tag-function 'samp))

(define (html-block . elements)







|







84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
         html-fndef
         html-note-with-srcline)

(define html-item (default-tag-function 'li))
(define html-section (default-tag-function 'h2))
(define html-subsection (default-tag-function 'h3))
(define html-newthought (default-tag-function 'span #:class "newthought"))
(define (html-sep) '(hr [[class "sep"]]))
(define html-caps (default-tag-function 'span #:class "caps"))
(define html-center (default-tag-function 'div #:style "text-align: center"))
(define html-strike (default-tag-function 'span #:style "text-decoration: line-through"))
(define html-dialogue (default-tag-function 'dl #:class "dialogue"))
(define html-mono (default-tag-function 'samp))

(define (html-block . elements)

Modified web-extra/martin.css.pp from [610dc62c] to [e3c693c2].

429
430
431
432
433
434
435
436

437
438
439
440
441
442

443
444
445
446

447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467

468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
...
495
496
497
498
499
500
501
502
503


504
505
506
507
508

509
510
511
512












513
514
515
516
517
518
519
...
563
564
565
566
567
568
569
570

571
572
573
574
575
576
577
...
653
654
655
656
657
658
659





660
661
662
663
664
665
666
    text-indent: 0;
}

p + p {
    text-indent: 1em;
}

section.entry-content blockquote {

    font-size: ◊x-lineheight[0.7];
    line-height: ◊derive-lineheight[7 #:per-lines 6];
    margin: ◊x-lineheight[1.0] 2em;
}

section.entry-content blockquote:first-child {

    margin-top: 0;
}

section.entry-content blockquote footer {

    margin-top: ◊x-lineheight[0.5];
    text-align: right;
    width: calc(100% + 2em);
}

.entry-content h2, .content-block-main h2 {
    font-size: 1rem;
    font-weight: normal;
    font-feature-settings: "smcp" on;
    text-transform: lowercase;
    text-align: right;
    padding-top: 0.2rem;
    border-top: dotted #ccc 2px;
    color: #666;
    line-height: ◊x-lineheight[0.96];
}

@media(min-width: 667px) {
  .entry-content h2, .content-block-main h2 {
      float: left;
      margin-left: -8rem;

      width: 7rem;
      margin-top: -0.2rem;
  }
}

.entry-content hr, .content-block-main hr {
    border: 0;
    background: none;
    margin: ◊x-lineheight[1] 0;
    height: ◊x-lineheight[1];
}

.entry-content hr:after, .content-block-main hr:after {
    display: block;
    text-align: center;
    content: '❧';
    font-size: ◊x-lineheight[1];
}

.caps, span.smallcaps, span.newthought {
................................................................................
}

p.pause-before {
    margin-top: ◊x-lineheight[2];
    text-indent: 0;
}

section.entry-content ul,
section.entry-content ol {


    margin: ◊x-lineheight[0.5] 0 ◊x-lineheight[0.5] 0;
    padding: 0;
}

section.entry-content li {

    margin: 0 0 ◊x-lineheight[0.5] 0;
    padding: 0;
    text-indent: 0; 
}













code {
    font-size: 0.75rem;
    font-family: ◊mono-font;
    background: #ddd;
    border-radius: 0.2em;
}
................................................................................
div.attrib {
    text-align: right;
    font-size: .8rem;
    margin-top: -◊x-lineheight[0.5];
    margin-bottom: ◊x-lineheight[1];
}
    
section.entry-content figure {

    margin: ◊x-lineheight[1] 0;
    padding: 0;
}

figure>a {
    margin: 0;
    padding: 0;
................................................................................
}

div.further-notes>h2 {
    font-style: normal;
    font-feature-settings: "smcp" on;
    border-top: solid 2px ◊color-bodytext;
    text-transform: lowercase;





}

div.note h3 {
    margin-top: 0;
    font-size: 1rem;
    font-weight: normal;
    font-family: ◊mono-font;







|
>





|
>



|
>










|










>

|



|






|







 







|
|
>
>
|



|
>




>
>
>
>
>
>
>
>
>
>
>
>







 







|
>







 







>
>
>
>
>







429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
...
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
...
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
...
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
    text-indent: 0;
}

p + p {
    text-indent: 1em;
}

.entry-content blockquote,
.content-block-main blockquote {
    font-size: ◊x-lineheight[0.7];
    line-height: ◊derive-lineheight[7 #:per-lines 6];
    margin: ◊x-lineheight[1.0] 2em;
}

.entry-content blockquote:first-child, 
.content-block-main blockquote:first-child {
    margin-top: 0;
}

.entry-content blockquote footer,
.content-block-main blockquote footer {
    margin-top: ◊x-lineheight[0.5];
    text-align: right;
    width: calc(100% + 2em);
}

.entry-content h2, .content-block-main h2 {
    font-size: 1rem;
    font-weight: normal;
    font-feature-settings: "smcp" on;
    text-transform: lowercase;
    text-align: left;
    padding-top: 0.2rem;
    border-top: dotted #ccc 2px;
    color: #666;
    line-height: ◊x-lineheight[0.96];
}

@media(min-width: 667px) {
  .entry-content h2, .content-block-main h2 {
      float: left;
      margin-left: -8rem;
      text-align: right;
      width: 7rem;
      margin-top: -0.25rem;
  }
}

hr.sep {
    border: 0;
    background: none;
    margin: ◊x-lineheight[1] 0;
    height: ◊x-lineheight[1];
}

hr.sep:after {
    display: block;
    text-align: center;
    content: '❧';
    font-size: ◊x-lineheight[1];
}

.caps, span.smallcaps, span.newthought {
................................................................................
}

p.pause-before {
    margin-top: ◊x-lineheight[2];
    text-indent: 0;
}

.entry-content ul,
.entry-content ol,
.content-block-main ul,
.content-block-main ol {
    margin: ◊x-lineheight[0.5] 0 ◊x-lineheight[0.5] 0.6rem;
    padding: 0;
}

.entry-content li,
.content-block-main li {
    margin: 0 0 ◊x-lineheight[0.5] 0;
    padding: 0;
    text-indent: 0; 
}

.entry-content ul,
.content-block-main ul {
    list-style: none;
}

.entry-content ul li:before,
.content-block-main ul li:before {
    content: '•';
    margin-left: -0.4rem;
    margin-right: 0.2rem;
}

code {
    font-size: 0.75rem;
    font-family: ◊mono-font;
    background: #ddd;
    border-radius: 0.2em;
}
................................................................................
div.attrib {
    text-align: right;
    font-size: .8rem;
    margin-top: -◊x-lineheight[0.5];
    margin-bottom: ◊x-lineheight[1];
}
    
.entry-content figure,
.content-block-main figure {
    margin: ◊x-lineheight[1] 0;
    padding: 0;
}

figure>a {
    margin: 0;
    padding: 0;
................................................................................
}

div.further-notes>h2 {
    font-style: normal;
    font-feature-settings: "smcp" on;
    border-top: solid 2px ◊color-bodytext;
    text-transform: lowercase;
    
    color: ◊color-bodytext;
    margin-top: 0;
    float: none;
    text-align: left;
}

div.note h3 {
    margin-top: 0;
    font-size: 1rem;
    font-weight: normal;
    font-family: ◊mono-font;