Allow cobrands to control front page number colour

Several cobrands override the colour of the 'how to report a problem'
numbers on the front page, so this commit allows that to be a one-line
change in the cobrand's _colours.scss.

6 files changed, 10 insertions, 7 deletions

diff --git a/web/cobrands/barnet/_colours.scss b/web/cobrands/barnet/_colours.scss
index c92249eed..d723003b5 100644
--- a/web/cobrands/barnet/_colours.scss
+++ b/web/cobrands/barnet/_colours.scss
@@ -13,6 +13,8 @@ $map_nav_bg: #222;
 $nav_fg: #fff;
 $nav_fg_hover: #444;
 
+$col_big_numbers: #C0E8E8;
+
 $col_click_map: #E1E3E4;
 $col_click_map_dark: darken(#E1E3E4, 10%);
 
diff --git a/web/cobrands/barnet/layout.scss b/web/cobrands/barnet/layout.scss
index d9f7bf4e6..0ec085354 100644
--- a/web/cobrands/barnet/layout.scss
+++ b/web/cobrands/barnet/layout.scss
@@ -228,8 +228,7 @@ body.frontpage {
     font-size: 1em;
 }
 
-#front-howto #front_stats div big,
-ol.big-numbers > li::before {
+#front-howto #front_stats div big {
     color: #C0E8E8;
 }
 
diff --git a/web/cobrands/default/_colours.scss b/web/cobrands/default/_colours.scss
index 5ac6cf8e7..5bd3d958f 100644
--- a/web/cobrands/default/_colours.scss
+++ b/web/cobrands/default/_colours.scss
@@ -19,6 +19,9 @@ $map_nav_bg: $bluey;
 $nav_fg: #000;
 $nav_fg_hover: $primary;
 
+// Colour used for front page 'how to report a problem' steps
+$col_big_numbers: #ccc;
+
 $col_click_map: $bluey;
 $col_click_map_dark: darken($bluey, 10%);
 
diff --git a/web/cobrands/greenwich/_colours.scss b/web/cobrands/greenwich/_colours.scss
index ff8ff2b40..2f3aa913c 100644
--- a/web/cobrands/greenwich/_colours.scss
+++ b/web/cobrands/greenwich/_colours.scss
@@ -17,6 +17,8 @@ $map_nav_bg: #fff;
 $nav_fg: #fff;
 $nav_fg_hover: transparent;
 
+$col_big_numbers: $primary;
+
 $col_click_map: $greenwich_red;
 $col_click_map_dark: darken($col_click_map, 10%);
 
diff --git a/web/cobrands/greenwich/base.scss b/web/cobrands/greenwich/base.scss
index af9df60c7..69b9db052 100644
--- a/web/cobrands/greenwich/base.scss
+++ b/web/cobrands/greenwich/base.scss
@@ -37,10 +37,6 @@ label[for=pc] {
     color: $greenwich_dark_red;
 }
 
-ol.big-numbers > li:before {
-    color: $primary;
-}
-
 #front-howto #front_stats {
     color: $nav_fg;
 }
diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss
index fa51e29f7..e03bec486 100644
--- a/web/cobrands/sass/_base.scss
+++ b/web/cobrands/sass/_base.scss
@@ -8,6 +8,7 @@ $menu-image: 'menu-white' !default;
 
 $itemlist_item_background: #f6f6f6 !default;
 $itemlist_item_background_hover: #e6e6e6 !default;
+$col_big_numbers: #ccc !default;
 
 @import "_mixins";
 @import "_report_list";
@@ -111,7 +112,7 @@ ol.big-numbers {
       position: absolute;
       #{$left}: 0;
       top:-0.2em;
-      color:#ccc;
+      color:$col_big_numbers;
       line-height:1;
       font: {
         family: $meta-font;