◊(Local Yarn Code "Check-in [6b04a07f]")

Overview
Comment:CSS for new short-list markup
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 6b04a07f70eb1574d8bbf71086ee83cf4ac3833dc2e5a2f9ef3fcc09d54bc41c
User & Date: joel on 2020-02-20 02:58:25
Other Links: manifest | tags
Context
2020-02-20
03:00
Use new init script & revise makefile to ensure series info is accurate after a clean rebuild check-in: c8598882 user: joel tags: trunk
02:58
CSS for new short-list markup check-in: 6b04a07f user: joel tags: trunk
02:31
Revise markup used for short listings (see [8ad560204f7a5c94]); bring back preheat-series check-in: eff5c85d user: joel tags: trunk
Changes

Modified web-extra/martin.css.pp from [6da40fde] to [d5244fee].

596
597
598
599
600
601
602
603

604
605
606
607
608
609
610


611
612
613
614
615
616
617
618


619
620
621
622

623
624
625
626

627
628
629
630

631



632
633
634
635
636
637
638
596
597
598
599
600
601
602

603
604
605
606
607
608


609
610
611




612


613
614

615
616

617
618
619
620

621
622
623
624

625
626
627
628
629
630
631
632
633
634
635
636







-
+





-
-
+
+

-
-
-
-

-
-
+
+
-


-
+



-
+



-
+

+
+
+







    color: white;
    border-radius: 0.08em;
    padding: 0 0.1em;
    margin: 0 0.4em 0 0;
    text-decoration: none !important;
}

/* ******* (Mobile first) Journal View styling *******
/* ******* (Mobile first) “Short” list styling *******
 */

section.content-block {
}

ul.article-list {
    margin-top: ◊x-lineheight[1];
article.short-listing {
    margin: ◊x-lineheight[1] 0;
    padding: 0;
}

ul.article-list li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0; 
    border: none;
    box-shadow: none;
    margin-bottom: ◊x-lineheight[1];
}

ul.article-list li>a {
article.short-listing a {
    display: block;
}

div.article-list-date {
article.short-listing time {
    color: #999;
}

div.article-list-title {
article.short-listing h3 {
    font-size: 1.2rem;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

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

.column-list {
    max-width: 17rem;