Merge branch 'v2' of github.com:distillpub/template into v2

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}

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;
+}
+
 </style>
 
 ${katexCSSTag}
@@ -78,6 +90,7 @@ export class DMath extends Mutating(T(HTMLElement)) {
   }
 
   connectedCallback() {
+    super.connectedCallback();
     if (!DMath.katexAdded) {
       DMath.addKatex();
     }

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)')}
-
 </style>
 
 <slot></slot>

src/styles/styles-article.css

@@ -1,4 +1,3 @@
-
 d-article {
   color: rgba(0, 0, 0, 0.8);
   padding-top: 0;

src/styles/styles-layout.css

@@ -53,7 +53,8 @@ d-article > * {
 }
 
 .l-page,
-d-figure {
+d-figure,
+d-title > * {
   grid-column: margin-left / page;
 }