spruce: heading color and size

3 files changed, 21 insertions, 14 deletions

diff --git a/spruce/bootstrap.css b/spruce/bootstrap.css
index fa8caa98..9fe715db 100644
--- a/spruce/bootstrap.css
+++ b/spruce/bootstrap.css
@@ -4760,18 +4760,20 @@ div.subnav li > a,
 }
 h1 {
   font-size: 54px;
+  line-height: 1.2em;
+  color: #ebd90b;
 }
 h2 {
-  font-size: 36px;
+  font-size: 48px;
 }
 h3 {
-  font-size: 20px;
+  font-size: 36px;
 }
 h4 {
-  font-size: 16px;
+  font-size: 24px;
 }
 h5 {
-  font-size: 14px;
+  font-size: 20px;
 }
 h1 > small,
 h2 > small,
diff --git a/spruce/bootstrap.min.css b/spruce/bootstrap.min.css
index 85568c9f..a827331e 100644
--- a/spruce/bootstrap.min.css
+++ b/spruce/bootstrap.min.css
@@ -802,11 +802,11 @@ a.label:hover,a.badge:hover{color:#ffffff;text-decoration:none;cursor:pointer;}
 .invisible{visibility:hidden;}
 .affix{position:fixed;}
 .navbar .brand,legend,.btn,.navbar .nav>li>a,div.subnav li>a,.navbar-text{font-family:'Josefin Slab',serif;font-weight:700;}
-h1{font-size:54px;}
-h2{font-size:36px;}
-h3{font-size:20px;}
-h4{font-size:16px;}
-h5{font-size:14px;}
+h1{font-size:54px;line-height:1.2em;color:#ebd90b;}
+h2{font-size:48px;}
+h3{font-size:36px;}
+h4{font-size:24px;}
+h5{font-size:20px;}
 h1>small,h2>small,h3>small,h4>small,h5>small,h6>small,.muted{color:#f5f3dc;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
 .alert-heading{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:inherit;}
 body{background-size:100% 1400px;background-repeat:repeat-y;}
diff --git a/spruce/bootswatch.less b/spruce/bootswatch.less
index e6127af1..1bbc5a0a 100755
--- a/spruce/bootswatch.less
+++ b/spruce/bootswatch.less
@@ -16,11 +16,16 @@ div.subnav li > a,
 	font-weight: @headingsFontWeight;
 }
 
-h1 { font-size: 54px; }
-h2 { font-size: 36px; }
-h3 { font-size: 20px; }
-h4 { font-size: 16px; }
-h5 { font-size: 14px; }
+h1 {
+	font-size: 54px;
+	line-height: 1.2em;
+	color: @yellow;
+}
+
+h2 { font-size: 48px; }
+h3 { font-size: 36px; }
+h4 { font-size: 24px; }
+h5 { font-size: 20px; }
 
 h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
 	color: @headingsColor;