Colorize all boxes

Use the same colors but apply 12.5% opacity.

Solution boxes use 30% opacity

diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss
index 6e9e81ea24fc38d6cfb41e07ca150de278e1499c..e6627afbbba94493ec9ced6506ddd5e5ad4f708a 100644 (file)
--- a/assets/css/lesson.scss
+++ b/assets/css/lesson.scss
@@ -129,6 +129,17 @@ $codeblock-padding: 5px !default;
 font-size: 18px;
 }
 
+.challenge    { background-color: #eec27520; }
+.callout      { background-color: #f4fd9c20; }
+.challenge    { background-color: #eec27520; }
+.checklist    { background-color: #dfd2a020; }
+.discussion   { background-color: #eec27520; }
+.keypoints    { background-color: #7ae78e20; }
+.objectives   { background-color: #daee8420; }
+.prereq       { background-color: #9cd6dc20; }
+.solution     { background-color: #ded4b94d; }
+.testimonial  { background-color: #fc8dc120; }
+
 blockquote p {
     margin: 5px;
 }