diff --git a/src/components/d-code.js b/src/components/d-code.js index 97f1dee..8536492 100644 --- a/src/components/d-code.js +++ b/src/components/d-code.js @@ -20,9 +20,8 @@ code { pre code { display: block; - background: white; - border-left: 3px solid rgba(0, 0, 0, 0.05); - padding: 0 0 0 24px; + border-left: 2px solid rgba(0, 0, 0, .1); + padding: 0 0 0 36px; } ${css} diff --git a/src/components/d-math.js b/src/components/d-math.js index e0e511b..e40a560 100644 --- a/src/components/d-math.js +++ b/src/components/d-math.js @@ -20,6 +20,18 @@ const T = Template('d-math', ` display: block; } +#katex-container .katex-display { + text-align: left; + padding: 8px 0 8px 0; + margin: 20px 0; +} + +#katex-container .katex { + -webkit-font-smoothing: antialiased; + color: rgba(0, 0, 0, 0.8); + font-size: 1.18em; +} + ${katexCSSTag} @@ -78,6 +90,7 @@ export class DMath extends Mutating(T(HTMLElement)) { } connectedCallback() { + super.connectedCallback(); if (!DMath.katexAdded) { DMath.addKatex(); } diff --git a/src/components/d-title.js b/src/components/d-title.js index e54ef96..89a804c 100644 --- a/src/components/d-title.js +++ b/src/components/d-title.js @@ -25,7 +25,7 @@ const T = Template('d-title', ` font-weight: 300 !important; padding-top: 0 !important; padding-bottom: 0 !important; - line-height: 1.5em !important; + line-height: 1.6em !important; margin-top: 0 !important; margin-bottom: 18px !important; } @@ -51,8 +51,6 @@ d-byline { border-top: 1px solid rgba(0, 0, 0, 0.1); } -${page('::slotted(h1), ::slotted(h2)')} - diff --git a/src/styles/styles-article.css b/src/styles/styles-article.css index eeb57f7..825f50c 100644 --- a/src/styles/styles-article.css +++ b/src/styles/styles-article.css @@ -1,4 +1,3 @@ - d-article { color: rgba(0, 0, 0, 0.8); padding-top: 0; diff --git a/src/styles/styles-layout.css b/src/styles/styles-layout.css index 846fd38..b75df9d 100644 --- a/src/styles/styles-layout.css +++ b/src/styles/styles-layout.css @@ -53,7 +53,8 @@ d-article > * { } .l-page, -d-figure { +d-figure, +d-title > * { grid-column: margin-left / page; }