Very simple border round feature block for EY Literacy

1 files changed, 9 insertions, 2 deletions

diff --git a/pyblackbird_cc/static/scss/custom.scss b/pyblackbird_cc/static/scss/custom.scss
index f565f16..75f574a 100644
--- a/pyblackbird_cc/static/scss/custom.scss
+++ b/pyblackbird_cc/static/scss/custom.scss
@@ -6,6 +6,7 @@
 
 // 2. Include any default variable overrides here
 $primary: #51635EFF;
+$ey_literacy: #ebde34;
 $display-font-weight: 600;
 $ml-font-label-weight: 500;
 
@@ -33,14 +34,20 @@ $ml-font-label-weight: 500;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
+
 h2 {
   color: $primary;
 }
 
 .ey_literacy {
-  background-color: #ebde34;
+  background-color: $ey_literacy;
   color: black;
- }
+}
+
+.ey_literacy_border {
+  border-color: $ey_literacy;
+  border-width: 0.6em;
+}
 
 .form-label {
   font-weight: $ml-font-label-weight;