wip: implementing CSS classes for category colours on detail page

1 files changed, 36 insertions, 0 deletions

diff --git a/pyblackbird_cc/static/scss/custom.scss b/pyblackbird_cc/static/scss/custom.scss
index c3c12f0..b65db4c 100644
--- a/pyblackbird_cc/static/scss/custom.scss
+++ b/pyblackbird_cc/static/scss/custom.scss
@@ -54,6 +54,42 @@ $ml-font-label-weight: 500;
   font-weight: $ml-font-label-weight;
 }
 
+
+// These are the colours we need to colourise categories:
+
+// - English as a Foreign Language: cyan
+// - Literacy: green
+// - Maths: magenta
+// - English: red
+// - EYs Maths: #343aeb
+// - EYs Literacy: #ebde34
+// - Alphabet: no colour yet
+
+.category_colour_efl {
+    color: cyan;
+}
+
+.category_colour_literacy {
+    color: green;
+}
+
+.category_colour_maths {
+    color: magenta;
+}
+
+.category_colour_eymaths {
+    color: #343aeb  ;
+}
+
+.category_colour_eyliteracy {
+    color: #ebde34 ;
+}
+
+.category_colour_alphabet {
+    color: black ;
+}
+
+
 .asteriskField {
   color: red;
 }