update mnmlist theme css for headings

2 files changed, 56 insertions, 61 deletions

diff --git a/mnmlist/compass/src/main.scss b/mnmlist/compass/src/main.scss
index b01954f..5ca45ee 100644
--- a/mnmlist/compass/src/main.scss
+++ b/mnmlist/compass/src/main.scss
@@ -1,9 +1,9 @@
 /*
-	Theme Name: mnmlist
+    Theme Name: mnmlist
     Theme URI: http://mathieu.agopian.info/mnmlist/theme.html
-	Description: Theme adapted from http://mnmlist.com/theme/ from Leo Babauta, a very clean minimalist theme, without comments, search, archives or other features.
-	Author: Mathieu Agopian
-	Autor URI: http://mathieu.agopian.info
+    Description: Theme adapted from http://mnmlist.com/theme/ from Leo Babauta, a very clean minimalist theme, without comments, search, archives or other features.
+    Author: Mathieu Agopian
+    Autor URI: http://mathieu.agopian.info
 
     This theme is uncopyrighted, free, and offered as is.
 */
@@ -11,39 +11,36 @@
 @import url("pygment.css");
 
 body {
-	background: #fff; 
-	color: #333;
-	font: 20px Hoefler Text, bodyfont, serif;
+    background: #fff;
+    color: #333;
+    font: 20px Hoefler Text, bodyfont, serif;
     line-height: 30px;
     max-width: 30em;
-	margin: 60px 14px 0 64px;
+    margin: 60px 14px 0 64px;
 }
-	
-h1 {
-    color:#333;
+
+@mixin heading ($font-size, $color: #666) {
+    color: $color;
     font-family: Helvetica, sans-serif;
-    font-size: 1.5em;
+    font-size: $font-size;
+}
+
+h1 {
+    @include heading(1.5em, #333);
     font-weight: normal;
-    line-height: 26px;
     margin-bottom: 0;
 }
 
 h2 {
-    color:#666;
-    font-family: Helvetica, sans-serif;
-    font-size: 18px;
-    line-height: 15px;
-    padding-top: 10px;
+    @include heading(1.3em);
 }
 
 h3 {
-    font-family: Georgia, "Times New Roman", Times, serif;
-    font-size: 1em; color:#000000;
+    @include heading(1em);
 }
 
 h4 {
-    color:#000000;
-    font-size: 9pt;
+    @include heading(0.9em);
 }
 
 time {
diff --git a/mnmlist/static/css/main.css b/mnmlist/static/css/main.css
index 5d1b896..94d0837 100644
--- a/mnmlist/static/css/main.css
+++ b/mnmlist/static/css/main.css
@@ -1,9 +1,9 @@
 /*
-	Theme Name: mnmlist
+    Theme Name: mnmlist
     Theme URI: http://mathieu.agopian.info/mnmlist/theme.html
-	Description: Theme adapted from http://mnmlist.com/theme/ from Leo Babauta, a very clean minimalist theme, without comments, search, archives or other features.
-	Author: Mathieu Agopian
-	Autor URI: http://mathieu.agopian.info
+    Description: Theme adapted from http://mnmlist.com/theme/ from Leo Babauta, a very clean minimalist theme, without comments, search, archives or other features.
+    Author: Mathieu Agopian
+    Autor URI: http://mathieu.agopian.info
 
     This theme is uncopyrighted, free, and offered as is.
 */
@@ -18,135 +18,133 @@ body {
   margin: 60px 14px 0 64px;
 }
 
-/* line 22, ../../compass/src/main.scss */
+/* line 28, ../../compass/src/main.scss */
 h1 {
-  color: #333;
+  color: #333333;
   font-family: Helvetica, sans-serif;
   font-size: 1.5em;
   font-weight: normal;
-  line-height: 26px;
   margin-bottom: 0;
 }
 
-/* line 31, ../../compass/src/main.scss */
+/* line 34, ../../compass/src/main.scss */
 h2 {
-  color: #666;
+  color: #666666;
   font-family: Helvetica, sans-serif;
-  font-size: 18px;
-  line-height: 15px;
-  padding-top: 10px;
+  font-size: 1.3em;
 }
 
-/* line 39, ../../compass/src/main.scss */
+/* line 38, ../../compass/src/main.scss */
 h3 {
-  font-family: Georgia, "Times New Roman", Times, serif;
+  color: #666666;
+  font-family: Helvetica, sans-serif;
   font-size: 1em;
-  color: #000000;
 }
 
-/* line 44, ../../compass/src/main.scss */
+/* line 42, ../../compass/src/main.scss */
 h4 {
-  color: #000000;
-  font-size: 9pt;
+  color: #666666;
+  font-family: Helvetica, sans-serif;
+  font-size: 0.9em;
 }
 
-/* line 49, ../../compass/src/main.scss */
+/* line 46, ../../compass/src/main.scss */
 time {
   color: #c0c0c0;
   font-size: 50%;
 }
 
-/* line 54, ../../compass/src/main.scss */
+/* line 51, ../../compass/src/main.scss */
 img {
   border: none;
 }
 
-/* line 58, ../../compass/src/main.scss */
+/* line 55, ../../compass/src/main.scss */
 blockquote {
   border-left: 1px solid #A5ABAB;
   margin: 0px;
   padding: 0 12px 0 12px;
 }
 
-/* line 64, ../../compass/src/main.scss */
+/* line 61, ../../compass/src/main.scss */
 p {
   line-height: 30px;
   margin: 30px auto;
   text-indent: 0px;
 }
-/* line 68, ../../compass/src/main.scss */
+/* line 65, ../../compass/src/main.scss */
 p.caption {
   font-size: 80%;
   margin-top: 0;
 }
 
-/* line 74, ../../compass/src/main.scss */
+/* line 71, ../../compass/src/main.scss */
 a {
   border-bottom: #999 1px solid;
   color: #303030;
   text-decoration: none;
 }
-/* line 78, ../../compass/src/main.scss */
+/* line 75, ../../compass/src/main.scss */
 a:hover {
   color: #999;
 }
 
-/* line 81, ../../compass/src/main.scss */
+/* line 78, ../../compass/src/main.scss */
 ul, ol {
   padding: .5em 0em 1em 3.2em;
 }
-/* line 83, ../../compass/src/main.scss */
+/* line 80, ../../compass/src/main.scss */
 ul li, ol li {
   line-height: 30px;
   padding: 6px 0 0 0;
 }
 
-/* line 89, ../../compass/src/main.scss */
+/* line 86, ../../compass/src/main.scss */
 strong {
   color: #555555;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
 }
 
-/* line 95, ../../compass/src/main.scss */
+/* line 92, ../../compass/src/main.scss */
 tt, pre {
   background-color: #fafafa;
   font-family: Inconsolata, Monaco, monospace;
   line-height: 1.2em;
 }
 
-/* line 101, ../../compass/src/main.scss */
+/* line 98, ../../compass/src/main.scss */
 pre {
   font-size: 0.8em;
   overflow: auto;
   padding: 10px;
 }
 
-/* line 107, ../../compass/src/main.scss */
+/* line 104, ../../compass/src/main.scss */
 header {
   padding-bottom: 20px;
 }
-/* line 109, ../../compass/src/main.scss */
+/* line 106, ../../compass/src/main.scss */
 header a {
   border-bottom: none;
 }
-/* line 111, ../../compass/src/main.scss */
+/* line 108, ../../compass/src/main.scss */
 header a#page-title {
   font-weight: bold;
 }
 
-/* line 115, ../../compass/src/main.scss */
+/* line 112, ../../compass/src/main.scss */
 #article-list {
   margin-top: 100px;
 }
-/* line 117, ../../compass/src/main.scss */
+/* line 114, ../../compass/src/main.scss */
 #article-list ol li {
   line-height: 1.2em;
   list-style-type: none;
   padding-bottom: 10px;
 }
 
-/* line 124, ../../compass/src/main.scss */
+/* line 121, ../../compass/src/main.scss */
 footer {
   background: #fff;
   color: #666;
@@ -155,16 +153,16 @@ footer {
   letter-spacing: 4px;
   margin-left: 20px;
 }
-/* line 131, ../../compass/src/main.scss */
+/* line 128, ../../compass/src/main.scss */
 footer a {
   border-bottom: none;
   color: #c0c0c0;
 }
-/* line 135, ../../compass/src/main.scss */
+/* line 132, ../../compass/src/main.scss */
 footer li {
   display: inline;
 }
-/* line 138, ../../compass/src/main.scss */
+/* line 135, ../../compass/src/main.scss */
 footer p {
   text-align: right;
 }