added lato font and styles for some nicer image captions using the

figure element

3 files changed, 43 insertions, 1 deletions

diff --git a/design/sass/_fonts.scss b/design/sass/_fonts.scss
index 2553e22..0721356 100644
--- a/design/sass/_fonts.scss
+++ b/design/sass/_fonts.scss
@@ -26,4 +26,25 @@
   font-style: normal;
 }
 
+@font-face {
+    font-family: 'latoregular';
+    src: url('lato-regular-webfont.eot');
+    src: url('lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('lato-regular-webfont.woff2') format('woff2'),
+         url('lato-regular-webfont.woff') format('woff'),
+         url('lato-regular-webfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
 
+}
+@font-face {
+    font-family: 'latobold';
+    src: url('lato-bold-webfont.eot');
+    src: url('lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('lato-bold-webfont.woff2') format('woff2'),
+         url('lato-bold-webfont.woff') format('woff'),
+         url('lato-bold-webfont.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+
+}
diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss
index 9331b83..ca60c3c 100644
--- a/design/sass/_mixins.scss
+++ b/design/sass/_mixins.scss
@@ -31,6 +31,14 @@ $body_font_light: #b3aeae;
     font-family: sans-serif;
 }
 
+@mixin fancy-sans {
+    font-family: latoregular, sans-serif;
+}
+
+@mixin fancy-sans-bold {
+    font-family: latobold, sans-serif;
+}
+
 %clearfix {
     *zoom: 1;
     &:before {
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index c7a57b0..bf4c33e 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -81,11 +81,24 @@
         @include constrain_wide;
         margin-bottom: 2em;
     }
+    figure.picfull {
+        max-width: 680px;
+        margin-bottom: 2em;
+        border-bottom: 1px solid #eae6e6;
+        padding-bottom: .5em;
+    }
     figcaption {
+        line-height: 1.9;
         text-align: right;
+        @include fancy_sans;
+        @include fontsize(11);
+        font-weight: bold;
+        text-transform: uppercase;
+        letter-spacing: .5px;
+        color: #999;
     }
     cite {
-        font-style: normal;
+        font-style: italic;
     }
 }
 .footnote-ref {