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
|
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 *******
*/
.series-list {
display: grid;
grid-template-columns: repeat(auto-fill,8em);
place-content: center;
.column-list {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
}
.series-list div {
.column-list div {
padding-left: 0.25em; /* Keeps some italic descenders inside the box */
margin: 0 0.5rem;
text-align: left;
width: 8rem;
}
.series-list h2 {
.column-list h2 {
font-feature-settings: "smcp" on;
text-transform: lowercase;
font-weight: normal;
font-size: 1em;
margin: 0;
}
.series-list ul {
.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
|
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. */
|
