add new chart colors; tweak chart styles per #1348

DOI-ONRR · Jun 7, 2016 · 195d80a · 195d80a
1 parent 0cb2f67
commit 195d80a
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 3 deletions.
diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -61,6 +61,7 @@ $light-black: #303030;
 
 // State pages
 $green-land: #d5e5cb;
+$chart-green: #a5d78a;
 
 // v2 - deprecate
 $putty: #f4f4f4;

diff --git a/_sass/blocks/_chart-list.scss b/_sass/blocks/_chart-list.scss
@@ -1,6 +1,15 @@
 .chart-list {
+  @include font-size(0.8);
   @include outer-container();
 
+  .chart-title {
+    border-bottom: 1px solid #ddd;
+    font-size: inherit;
+    font-weight: $weight-book;
+    margin-bottom: 0;
+    text-transform: uppercase;
+  }
+
   .chart-list-intro {
     @include span-columns(8);
   }
@@ -16,4 +25,19 @@
       @include omega();
     }
   }
+
+  figcaption {
+    padding: 5px; // XXX
+    font-weight: $weight-bold;
+    display: flex;
+
+    & > * {
+      flex: 1;
+      width: 50%;
+    }
+
+    & > :last-child {
+      text-align: right;
+    }
+  }
 }
diff --git a/_sass/components/_eiti-line-chart.scss b/_sass/components/_eiti-line-chart.scss
@@ -9,9 +9,10 @@ eiti-line-chart {
 
   .line {
     fill: none;
-    stroke: $green;
+    opacity: 0.666;
+    stroke: $chart-green;
     stroke-linecap: round;
-    stroke-width: 2;
+    stroke-width: 3;
     vector-effect: non-scaling-stroke;
   }
 
@@ -21,7 +22,7 @@ eiti-line-chart {
   }
 
   circle {
-    fill: $green;
+    fill: $chart-green;
   }
 
   .axis {
@@ -42,6 +43,7 @@ eiti-line-chart {
 
     text {
       @include font-size(1);
+      font-weight: $weight-book;
     }
   }
 }