diff --git a/src/styles/d-article.css b/src/styles/d-article.css index 6e9f5c3..07b110f 100644 --- a/src/styles/d-article.css +++ b/src/styles/d-article.css @@ -97,7 +97,6 @@ d-article p, d-article ul, d-article ol, d-article blockquote { - font-family: georgia, serif; margin-top: 0; margin-bottom: 1em; margin-left: 0; diff --git a/src/styles/styles-base.css b/src/styles/styles-base.css index fcb3274..6fe1458 100644 --- a/src/styles/styles-base.css +++ b/src/styles/styles-base.css @@ -1,8 +1,8 @@ html { - font-size: 19px; - line-height: 1.3em; + font-size: 16px; + line-height: 1.6em; /* font-family: "Libre Franklin", "Helvetica Neue", sans-serif; */ - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; diff --git a/src/styles/styles-layout.css b/src/styles/styles-layout.css index 7aaa9cb..a13e89c 100644 --- a/src/styles/styles-layout.css +++ b/src/styles/styles-layout.css @@ -29,7 +29,12 @@ distill-footer { display: grid; justify-items: stretch; grid-template-columns: [screen-start] 8px [page-start kicker-start text-start gutter-start middle-start] 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr [text-end page-end gutter-end kicker-end middle-end] 8px [screen-end]; - grid-column-gap: 30px; + grid-column-gap: 8px; +} + +.grid { + display: grid; + grid-column-gap: 8px; } @media(min-width: 768px) { @@ -45,7 +50,11 @@ distill-footer { d-citation-list, distill-footer { grid-template-columns: [screen-start] 1fr [page-start kicker-start middle-start text-start] 45px 45px 45px 45px 45px 45px 45px 45px [ kicker-end text-end gutter-start] 45px [middle-end] 45px [page-end gutter-end] 1fr [screen-end]; - grid-column-gap: 30px; + grid-column-gap: 16px; + } + + .grid { + grid-column-gap: 16px; } } @@ -62,7 +71,11 @@ distill-footer { d-citation-list, distill-footer { grid-template-columns: [screen-start] 1fr [page-start kicker-start] 50px [middle-start] 50px [text-start kicker-end] 50px 50px 50px 50px 50px 50px 50px 50px [text-end gutter-start] 50px [middle-end] 50px [page-end gutter-end] 1fr [screen-end]; - grid-column-gap: 30px; + grid-column-gap: 16px; + } + + .grid { + grid-column-gap: 16px; } } @@ -79,15 +92,16 @@ distill-footer { d-citation-list, distill-footer { grid-template-columns: [screen-start] 1fr [page-start kicker-start] 60px [middle-start] 60px [text-start kicker-end] 60px 60px 60px 60px 60px 60px 60px 60px [text-end gutter-start] 60px [middle-end] 60px [page-end gutter-end] 1fr [screen-end]; - grid-column-gap: 30px; + grid-column-gap: 32px; + } + + .grid { + grid-column-gap: 32px; } } -.grid { - display: grid; - grid-column-gap: 30px; -} + .base-grid { grid-column: screen; diff --git a/src/transforms/byline.js b/src/transforms/byline.js index ab931cb..0ca161d 100644 --- a/src/transforms/byline.js +++ b/src/transforms/byline.js @@ -4,6 +4,5 @@ export default function(dom, data) { const byline = dom.querySelector('d-byline'); if (byline) { byline.innerHTML = bylineTemplate(data); - // byline.setAttribute('distill-prerendered', ''); } }