did a lot of work on the books section

2 files changed, 61 insertions, 0 deletions

diff --git a/design/sass/_books.scss b/design/sass/_books.scss
new file mode 100644
index 0000000..3ed8e2e
--- /dev/null
+++ b/design/sass/_books.scss
@@ -0,0 +1,57 @@
+.book {
+    margin-top: 2em;    
+    @include breakpoint(gamma) {
+        margin-top: 3em;    
+    }
+}
+.book:after {
+    @include constrain_narrow;
+    color: white;
+    @include faded_line_after;
+    margin-top: 2em;
+    @include breakpoint(gamma) {
+        margin-top: 3em;    
+    }
+}
+.book-metadata {
+    @extend %clearfix;
+    text-align: left;
+    dd {
+      display: inline;
+      margin: 0;
+    }
+    dd:after{
+      display: block;
+      content: '';
+    }
+    dt{
+      display: inline-block;
+    }
+    dt:after {
+        content: ":";
+    }
+}
+.book-title {
+    @include constrain_narrow;
+    line-height: 1.3;
+}
+.book-cover {
+}
+.thoughts, .highlights, .meta-cover {
+    @include constrain_narrow;
+    text-align: left;
+    p {
+        max-width: 100%;
+    }
+}
+.thoughts h5, .highlights h4, .meta-cover h5 {
+    font-weight: 500;
+    letter-spacing: 1px;
+    margin: 3em 0 .5em 0;
+    @include generic_sans;
+    @include smcaps;
+    @include fontsize(14);
+}
+.highlights .foot {
+    @include fontsize(14);
+}
diff --git a/design/sass/_queries.scss b/design/sass/_queries.scss
index cbfc3c3..1d7f3ef 100644
--- a/design/sass/_queries.scss
+++ b/design/sass/_queries.scss
@@ -1,5 +1,6 @@
 $breakpoint-alpha: 38em;
 $breakpoint-beta: 49em;
+$breakpoint-book-beta: 620px;
 $breakpoint-gamma: 56em;
 $breakpoint-delta: 73.125em;
 $breakpoint-epsilon: 79.625em;
@@ -11,6 +12,9 @@ $breakpoint-epsilon: 79.625em;
     @else if $point == "beta" {
         @media screen and  (min-width: $breakpoint-beta) { @content; }
     }
+    @else if $point == "book-beta" {
+        @media screen and  (min-width: $breakpoint-book-beta) { @content; }
+    }
     @else if $point == "gamma" {
         @media screen and (min-width: $breakpoint-gamma)  { @content; }
     }