diff --git a/_sass/_variables.scss b/_sass/_variables.scss index a501da69c..a5df99dba 100644 --- 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 index a928b6617..41989e449 100644 --- 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 index 61ecd3c7b..9f5d62fcc 100644 --- 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; } } }