◊(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
79
80
81
82
83
84
85
86
87
88
89
90
91
92

93
94
95
96
97
98
99
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97

98
99
100
101
102
103
104
105







+
+
+
+
+
+




















-
+







◊(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)  
 */

body {
    height: 100%;           /* height and flex are to keep footer stuck to bottom of page */
    display: flex;
    flex-direction: column;
    margin: 0;
    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;
    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;
165
166
167
168
169
170
171


172
173
174
175
176
177
178
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186







+
+







}

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 {
437
438
439
440
441
442
443
444
445
446
























447


448






449
450
451
452
453
454
455
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







-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

+
+
-
+
+
+
+
+
+








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;
.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];
}
    font-weight: normal;

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

524
525
526
527
528
529
530

531
532
533
534
535
536
537
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574







+







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