◊(Local Yarn Code "Diff")

Differences From Artifact [7cbcbc97]:

To Artifact [f7b75dc6]:


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
div.article-list-title {
    font-size: 1.2rem;
}

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

.series-list {
    display: grid;
    grid-template-columns: repeat(auto-fill,8em);
    place-content: center;
}

.series-list div {
    padding-left: 0.25em; /* Keeps some italic descenders inside the box */



}

.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 *******
 */







|
|
|
|


|

>
>
>


|







|







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
div.article-list-title {
    font-size: 1.2rem;
}

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

.column-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.column-list div {
    padding-left: 0.25em; /* Keeps some italic descenders inside the box */
    margin: 0 0.5rem;
    text-align: left;
    width: 8rem;
}

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

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

/* ******* (Mobile first) Keyword Index styling *******
 */
682
683
684
685
686
687
688










689
690
691
692
693
694
695
    padding: 0;
}

#keywordindex ul ul {
    margin-left: 0.5em;
    font-size: smaller;
}











/* End of mobile-first typography and layout */


/* Here’s where we start getting funky for any viewport wider than mobile portrait.
   An iPhone 6 is 667px wide in landscape mode, so that’s our breakpoint. */








>
>
>
>
>
>
>
>
>
>







685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
    padding: 0;
}

#keywordindex ul ul {
    margin-left: 0.5em;
    font-size: smaller;
}

/* Footer ***** */

footer#main {
  text-align: center;
  margin-top: ◊x-lineheight[1];
  padding-top: ◊x-lineheight[1];
  background: #dedede;
  border-top: dotted ◊color-bodytext 2px;
}

/* End of mobile-first typography and layout */


/* Here’s where we start getting funky for any viewport wider than mobile portrait.
   An iPhone 6 is 667px wide in landscape mode, so that’s our breakpoint. */