checkpoint

src/components/d-abstract.js

@@ -5,9 +5,11 @@ const T = Template('d-abstract', `
 <style>
   :host {
     display: block;
-    font-size: 26px;
-    line-height: 1.7em;
+    font-size: 1.3rem;
+    line-height: 1.8em;
     margin-bottom: 1.5em;
+    color: rgba(0, 0, 0, 0.8);
+    font-weight: 400;
   }
 
   ::slotted(p) {

src/components/d-article.js

@@ -4,9 +4,10 @@ import { Controller } from '../controller';
 export const style =`
 d-article {
   contain: content;
-  line-height: 1.7em;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
-  padding-top: 1.5em;
+  padding-top: 1.5rem;
+  line-height: 1.7rem;
+  color: rgba(0, 0, 0, 0.8);
 }
 
 d-article > * {
@@ -21,14 +22,10 @@ d-article > * {
 
 @media(min-width: 1024px) {
   d-article {
-    font-size: 19px;
+    font-size: 0.9rem;
   }
 }
 
-d-article p {
-
-}
-
 
 /* H2 */
 

src/components/d-byline.js

@@ -2,9 +2,9 @@ export const style = `
 d-byline {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   contain: content;
-  font-size: 14px;
-  line-height: 2em;
-  padding: 3em 0;
+  font-size: 0.7rem;
+  line-height: 1.5rem;
+  padding: 1.5rem 0;
 }
 
 d-byline .byline {
@@ -13,10 +13,11 @@ d-byline .byline {
 }
 
 d-byline h3 {
-  font-weight: 300;
-  color: rgba(0, 0, 0, 0.7);
-  font-size: 14px;
+  font-size: 0.55rem;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.5);
   margin: 0;
+  text-transform: uppercase;
 }
 
 d-byline a,
@@ -31,35 +32,10 @@ d-article d-byline a:hover {
   border-bottom: none;
 }
 
-d-byline table tbody td {
-  margin: 0!important;
-  padding: 0!important;
-}
-
-d-byline table tr {
-}
-
-d-byline table td:last-child {
-}
-
-d-byline table tr:first-child {
-  border-top: none;
-}
-
-
-/*Authors*/
-
 d-byline .authors {
   font-weight: 600;
 }
-
-d-byline td:first-child {
-}
-
-d-byline .colophon,
-d-byline .colophon a {
-  font-size: 12px;
-  color: rgba(0, 0, 0, 0.5);
+d-byline .affiliations {
 }
 
 `;

src/components/d-headline.js

@@ -23,8 +23,8 @@ const T = Template('d-headline', `
   }
   ::slotted(h1) {
     grid-column: text-start / page-end;
-    font-size: 48px;
-    font-weight: 700;
+    font-size: 44px;
+    font-weight: 600;
     line-height: 1.3em;
     margin: 0 0 10px;
   }

src/styles/styles-base.css

@@ -1,5 +1,5 @@
 html {
-  font-size: 20px;
+  font-size: 19px;
 	line-height: 1rem;
 	font-family: "Libre Franklin", "Helvetica Neue", sans-serif;
   text-size-adjust: 100%;