version 9 of stylesheet

1 files changed, 42 insertions, 13 deletions

diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss
index 0e29edf..5fafd95 100644
--- a/design/sass/_mixins.scss
+++ b/design/sass/_mixins.scss
@@ -3,24 +3,41 @@ $brown: #222;
 $light: #ccc;
 $orange: #b53a04;
 $link_color: #b53a04;
-$body_font: $brown;
+
+$headline_font_serif: Georgia, 'Times New Roman', serif;
+
+$body_p_font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif;
+$body_font_color: $brown;
 $body_font_light: #b3aeae;
-//$light;
 
-$max_width: 1280px;
+$archive_p_line_height: 1.6;
+//$light;
+$narrow-beta-width: 640px;
+$narrow-max-width: 700px;
+$max_width: 1440px;
 
 @mixin smcaps {
   text-transform: uppercase;
   letter-spacing: 1px;
 }
+@mixin plain_a {
+  border: none;
+  text-decoration: none;
+  color: $body_font_color;
+}
 
-@function calc-em($target-px, $context) {
-  @return $target-px / $context * 1em;
+@function calc-rem($size) {
+  $remsize: $size/16;
+  @return #{$remsize}rem;
 }
 
-@mixin fontsize($size: 24, $base: 16) {
-    font-size: $size + px;
-    font-size: ($size / $base) * 1rem;
+@mixin fontsize($size) {
+  font-size: $size + px;
+  font-size: calc-rem($size);
+}
+
+@function calc-em($target-px, $context) {
+  @return $target-px / $context * 1em;
 }
 
 @mixin img_plain {
@@ -28,20 +45,16 @@ $max_width: 1280px;
     max-width: 100%;
     background: none;
 }
-
 @mixin generic-sans {
     font-family: sans-serif;
 }
-
 @mixin fancy-sans {
     font-family: Helvetica, sans-serif;
 }
-
 @mixin fancy-sans-bold {
     font-family: Helvetica, sans-serif;
     font-weight: 600;
 }
-
 %clearfix {
     *zoom: 1;
     &:before {
@@ -102,7 +115,20 @@ $max_width: 1280px;
     margin-left: auto;
     margin-right: auto;
     @include breakpoint(beta) {
-        max-width: 640px;
+        max-width: $narrow-beta-width;
+    }
+    @include breakpoint(gamma) {
+        max-width: $narrow-max-width;
+    }
+}
+
+@mixin constrain_archive() {
+    max-width: 94%;
+    margin-left: auto;
+    margin-right: auto;
+    @include breakpoint(alpha) {
+        max-width: 380px;
+        float: left;
     }
     @include breakpoint(gamma) {
         max-width: 680px;
@@ -124,3 +150,6 @@ $max_width: 1280px;
         max-width: $max_width;
     }
 }
+
+
+