◊(Local Yarn Code "Check-in [13f9b227]")

Overview
Comment:Change typography for sectional headings; add separator styling; save discretionary ligatures for certain elements, not normal body text
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 13f9b2275d67600f2dd63b2a4b0019d275892d1481162dba2643122b5fada9c6
User & Date: joel on 2020-03-22 17:37:32
Other Links: manifest | tags
Context
2020-03-22
17:48
Improve accuracy of long-s typesetting rules check-in: ac35ba69 user: joel tags: trunk
17:37
Change typography for sectional headings; add separator styling; save discretionary ligatures for certain elements, not normal body text check-in: 13f9b227 user: joel tags: trunk
17:35
Add sep tag function check-in: 58c1f025 user: joel tags: trunk
Changes

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

65
66
67
68
69
70
71






72
73
74
75
76
77
78
..
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
...
165
166
167
168
169
170
171


172
173
174
175
176
177
178
...
437
438
439
440
441
442
443
444
445
446





















447
448








449
450
451
452
453
454
455
...
524
525
526
527
528
529
530

531
532
533
534
535
536
537
◊(define color-xrefmark   "#c14337")
◊(define color-background "#f7f7f7")
◊(define color-linkbackground "#f7f7f7")

◊(define body-font "Fabiol, serif")
◊(define mono-font "'Triplicate T4c', monospace")







/*
 **** 1. Mobile-first layout ***
      1.1 All Pages
      1.2 Front page
      1.3 Individual post body markup
      1.4 Journal views (article listings)  
 */
................................................................................
    background: ◊color-background;

    /* Typography: `line-height` is important!
       All verticle rhythm based on this value. */
    line-height: ◊lineheight;
    font-family: ◊body-font;

    font-feature-settings: "calt" on, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
    color: ◊color-bodytext; /* Japanese Indigo, baby */
}

/* This is used to hide certain punctuation and things as long as CSS is available. 
   Turn off CSS and voila: stuff appears. */
.x {
    display: none;
................................................................................
}

a.index-link::after {
    content: '\f89b';
    color: #809102;
    position: relative;
    top: -0.3em;


}

main>a {
    color: inherit;
}

span.links-footnote {
................................................................................

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

section.entry-content h2 {
    font-size: 1.2rem;
    font-style: italic;





















    margin: ◊x-lineheight[1] 0;
    font-weight: normal;








}

.caps, span.smallcaps, span.newthought {
    font-feature-settings: "smcp" on, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
    font-style: normal;
}

................................................................................
    font-size: 1.3rem;
}

div.attrib {
    text-align: right;
    font-size: .8rem;
    margin-top: -◊x-lineheight[0.5];

}
    
section.entry-content figure {
    margin: ◊x-lineheight[1] 0;
    padding: 0;
}








>
>
>
>
>
>







 







|







 







>
>







 







|
|
|
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>

<
>
>
>
>
>
>
>
>







 







>







65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
..
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
...
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
...
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
...
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
◊(define color-xrefmark   "#c14337")
◊(define color-background "#f7f7f7")
◊(define color-linkbackground "#f7f7f7")

◊(define body-font "Fabiol, serif")
◊(define mono-font "'Triplicate T4c', monospace")

◊(define normal-font-features
  "\"calt\" on, \"liga\" on, \"clig\" on, \"kern\" on, \"onum\" on, \"pnum\" on")

◊(define antique-font-features
  "\"calt\" on, \"liga\" on, \"clig\" on, \"dlig\" on, \"kern\" on, \"onum\" on, \"pnum\" on")

/*
 **** 1. Mobile-first layout ***
      1.1 All Pages
      1.2 Front page
      1.3 Individual post body markup
      1.4 Journal views (article listings)  
 */
................................................................................
    background: ◊color-background;

    /* Typography: `line-height` is important!
       All verticle rhythm based on this value. */
    line-height: ◊lineheight;
    font-family: ◊body-font;

    font-feature-settings: ◊normal-font-features; 
    color: ◊color-bodytext; /* Japanese Indigo, baby */
}

/* This is used to hide certain punctuation and things as long as CSS is available. 
   Turn off CSS and voila: stuff appears. */
.x {
    display: none;
................................................................................
}

a.index-link::after {
    content: '\f89b';
    color: #809102;
    position: relative;
    top: -0.3em;
    font-weight: normal;
    font-style: normal;
}

main>a {
    color: inherit;
}

span.links-footnote {
................................................................................

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 {
    font-feature-settings: "smcp" on, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
    font-style: normal;
}

................................................................................
    font-size: 1.3rem;
}

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;
}