From b658d4b38f1aab3ed1bdc629300392c1b3e9e8fa Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Fri, 17 Jun 2016 10:21:26 -0400
Subject: fixed notes to be like an instagram for the web also tweaked styles
 for picwide captions and added support for show camera make, model and lens

---
 design/sass/_global.scss          |  9 +++++++++
 design/sass/_notes.scss           |  1 -
 design/sass/_writing_details.scss | 20 ++++++++++++++++++--
 3 files changed, 27 insertions(+), 3 deletions(-)

(limited to 'design/sass')

diff --git a/design/sass/_global.scss b/design/sass/_global.scss
index 7e84f1f..27f731f 100644
--- a/design/sass/_global.scss
+++ b/design/sass/_global.scss
@@ -112,6 +112,15 @@ h1 {
     @include fontsize(11);
 }
 
+.subhead {
+    font-style: italic;
+    font-weight: 400;
+    margin-top: 0;
+    @include constrain_narrow;
+    @include breakpoint(beta) {
+        text-align: left;
+    }
+}
 .mailing-list--wrapper {
     @include constrain_narrow;
     @include breakpoint(gamma) {
diff --git a/design/sass/_notes.scss b/design/sass/_notes.scss
index 1a6d35d..1357668 100644
--- a/design/sass/_notes.scss
+++ b/design/sass/_notes.scss
@@ -12,7 +12,6 @@
         }
     }
 }
-
 .notes .h-entry {
     @extend %clearfix;
     border: none;
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index c34f0c3..c94fcaf 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -27,7 +27,7 @@
     @include smcaps;
     @include fontsize(11);
 }
-.post--article {
+.post--article, .notes .h-entry {
     h2, h3 {
         @include constrain_narrow;
         font-family: Helvetica Neue, Helvetica, sans-serif;
@@ -236,7 +236,7 @@ margin-left: auto;
 margin-right: auto;
 display: block;
 }
-.picwide {
+img.picwide {
     clear: both;
     margin: 1em 0;
     @include breakpoint(gamma) {
@@ -250,6 +250,22 @@ display: block;
         max-width: 1170px;
     }
 }
+.picwide figcaption {
+    margin-bottom: 2em;
+    border-bottom: 1px solid #eae6e6;
+    padding-bottom: .5em;
+    @include breakpoint(gamma) {
+    margin-left: -140px;
+    width: 960px;
+    max-width: 960px;
+    }
+    @include breakpoint(delta) {
+        margin-left: -245px;
+        margin-top: -10px;
+        width: 1170px;
+        max-width: 1170px;
+    }
+}
 .picwide960 {
     clear: both;
     margin: 1em 0;
-- 
cgit v1.2.3-70-g09d2