Local Yarn Code

Check-in [fc5b4338]
Overview
Comment:Additional styles for columnar series list
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: fc5b433839d045b055ed6b5101f8b1701b2e29bb72af81ab5f5d83300930e27d
User & Date: joel on 2019-07-12 04:36:33
Other Links: manifest | tags
Context
2019-07-14
18:56
Nudge footnote links check-in: f186c0cb user: joel tags: trunk
2019-07-12
04:36
Additional styles for columnar series list check-in: fc5b4338 user: joel tags: trunk
04:31
Fix SQL query for articles+notes so series filtering will work check-in: b49b65af user: joel tags: trunk
Changes

Modified web-extra/martin.css.pp from [b15dae84] to [3a285edd].

278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
...
633
634
635
636
637
638
639
640



























641
642
643
644
645
646
647
    /* This <SPAN> class is used in titles for Notes appended to earlier articles */
    h1.entry-title .cross-reference {
        font-feature-settings: "smcp" off, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
        font-style: italic;
        text-transform: none;
    }

    /* I want my *title* permlinks not to be green or underlined. Just your basic raven black, dark green on hover.

       Normally with links, you _don’t_ want to rely on hovers to differentiate them, because there’s no way
       to “hover” a link with your finger when using a smartphone. But these are titles. Everyone knows titles
       are clickable. But we’ll also put a little green leaf glyph in the margin to help people figure it out.
    */

    /* `a.rel-bookmark` is only used in individual article or ‘journal’ views, 
        not in listings; see the design docs.
    */
    a.rel-bookmark:link,        /* Lord  */
    a.rel-bookmark:visited {    /* Vader */
        text-decoration: none;
        background: none;
................................................................................
    div.article-list-date {
        color: #999;
    }

    div.article-list-title {
        font-size: 1.2rem;
    }
    



























    /* ******* (Mobile first) Keyword Index styling *******
     */

    #keywordindex {
        column-width: 7rem;
        margin-top: ◊x-lineheight[2];
    }







<
<
<
<
<
<
<







 







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







278
279
280
281
282
283
284







285
286
287
288
289
290
291
...
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
    /* This <SPAN> class is used in titles for Notes appended to earlier articles */
    h1.entry-title .cross-reference {
        font-feature-settings: "smcp" off, "liga" on, "clig" on, "dlig" on, "kern" on, "onum" on, "pnum" on;
        font-style: italic;
        text-transform: none;
    }








    /* `a.rel-bookmark` is only used in individual article or ‘journal’ views, 
        not in listings; see the design docs.
    */
    a.rel-bookmark:link,        /* Lord  */
    a.rel-bookmark:visited {    /* Vader */
        text-decoration: none;
        background: none;
................................................................................
    div.article-list-date {
        color: #999;
    }

    div.article-list-title {
        font-size: 1.2rem;
    }

    /* ******* (Mobile first) Columnar series list styling *******
     */

    .series-list {
        column-width: 9rem;
    }

    .series-list div {
        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
        page-break-inside: avoid; /* Firefox */
        break-inside: avoid; /* IE 10+ */
    }

    .series-list h2 {
        font-feature-settings: "smcp" on;
        text-transform: lowercase;
        font-weight: normal;
        font-size: 1em;
        margin: 0;
    }

    .series-list ul {
        margin-top: 0;
        list-style-type: none;
        padding: 0;
    }

    /* ******* (Mobile first) Keyword Index styling *******
     */

    #keywordindex {
        column-width: 7rem;
        margin-top: ◊x-lineheight[2];
    }