From 1596c642731e5839da942c7727bbc1fa8016fdee Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Thu, 27 Sep 2018 11:33:59 -0500
Subject: version 9 of stylesheet

---
 design/sass/_mixins.scss | 55 ++++++++++++++++++++++++++++++++++++------------
 1 file changed, 42 insertions(+), 13 deletions(-)

(limited to 'design/sass/_mixins.scss')

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;
     }
 }
+
+
+
-- 
cgit v1.2.3-70-g09d2