From 0e75be4272c6e5b7bba1f286a37c6ba7385e9607 Mon Sep 17 00:00:00 2001
From: Shan Carter <shanjcarter@gmail.com>
Date: Fri, 13 Oct 2017 15:23:59 -0700
Subject: [PATCH 1/2] checkpoint

---
 src/styles/styles-layout.css | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/styles/styles-layout.css b/src/styles/styles-layout.css
index 7aaa9cb..c0e1b8a 100644
--- a/src/styles/styles-layout.css
+++ b/src/styles/styles-layout.css
@@ -127,18 +127,17 @@ d-figure {
 
 d-article aside {
   grid-column: gutter;
+  font-size: 12px;
+  line-height: 1.6em;
+  color: rgba(0, 0, 0, 0.6)
 }
 
 @media(min-width: 768px) {
   aside {
-    grid-column: right-outset / right-page;
-    font-size: 14px;
-    line-height: 1.3;
+    grid-column: gutter;
   }
 
   .side {
-    margin-left: 24px;
-    float: right;
-    width: 50%;
+    grid-column: gutter;
   }
 }

From 40240bd73509bcb3d63d3c49f65810fb4afa10c0 Mon Sep 17 00:00:00 2001
From: Shan Carter <shanjcarter@gmail.com>
Date: Mon, 16 Oct 2017 11:28:41 -0700
Subject: [PATCH 2/2] Style tweaks

---
 src/components/d-title.js    |  1 +
 src/styles/styles-layout.css | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/src/components/d-title.js b/src/components/d-title.js
index 6cb80ec..05bab6a 100644
--- a/src/components/d-title.js
+++ b/src/components/d-title.js
@@ -21,6 +21,7 @@ const T = Template('d-title', `
     font-weight: 300;
     font-size: 1.5rem;
     line-height: 1.2em;
+    grid-column: text;
   }
 
   .status {
diff --git a/src/styles/styles-layout.css b/src/styles/styles-layout.css
index 5341412..0e791fd 100644
--- a/src/styles/styles-layout.css
+++ b/src/styles/styles-layout.css
@@ -118,6 +118,19 @@ d-figure {
   grid-column: page;
 } */
 
+.l-gutter {
+  grid-column: gutter;
+}
+
+.l-text,
+.l-body {
+  grid-column: text;
+}
+
+.l-page {
+  grid-column: page;
+}
+
 .l-body-outset {
   grid-column: middle;
 }