From a1be3babff3737db399b78951ecef827c29ab9f1 Mon Sep 17 00:00:00 2001
From: Shan Carter <shanjcarter@gmail.com>
Date: Thu, 5 Oct 2017 10:43:22 -0700
Subject: [PATCH] checkpoint

---
 src/components/d-abstract.js |  6 ++++--
 src/components/d-article.js  | 11 ++++------
 src/components/d-byline.js   | 40 ++++++++----------------------------
 src/components/d-headline.js |  4 ++--
 src/styles/styles-base.css   |  2 +-
 5 files changed, 19 insertions(+), 44 deletions(-)

diff --git a/src/components/d-abstract.js b/src/components/d-abstract.js
index 33054cb..c728e14 100644
--- a/src/components/d-abstract.js
+++ b/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) {
diff --git a/src/components/d-article.js b/src/components/d-article.js
index e552f81..93e7085 100644
--- a/src/components/d-article.js
+++ b/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 */
 
diff --git a/src/components/d-byline.js b/src/components/d-byline.js
index f91639f..8d98764 100644
--- a/src/components/d-byline.js
+++ b/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 {
 }
 
 `;
diff --git a/src/components/d-headline.js b/src/components/d-headline.js
index 75598c9..65ff62d 100644
--- a/src/components/d-headline.js
+++ b/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;
   }
diff --git a/src/styles/styles-base.css b/src/styles/styles-base.css
index ac474bc..5230871 100644
--- a/src/styles/styles-base.css
+++ b/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%;