Index: web-extra/martin.css.pp ================================================================== --- web-extra/martin.css.pp +++ web-extra/martin.css.pp @@ -67,10 +67,16 @@ ◊(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 @@ -87,11 +93,11 @@ /* 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. */ @@ -167,10 +173,12 @@ a.index-link::after { content: '\f89b'; color: #809102; position: relative; top: -0.3em; + font-weight: normal; + font-style: normal; } main>a { color: inherit; } @@ -439,15 +447,43 @@ margin-top: ◊x-lineheight[0.5]; text-align: right; width: calc(100% + 2em); } -section.entry-content h2 { - font-size: 1.2rem; - font-style: italic; - margin: ◊x-lineheight[1] 0; +.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]; +} + +.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; @@ -526,10 +562,11 @@ 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;