Showing off callouts

_episodes/02-formatting.md

@@ -174,13 +174,40 @@ This is rendered as:
 The [lesson template]({{ site.template_repo }}) defines styles
 for the following special blockquotes:
 
-*   `.callout`: an aside or other comment.
-*   `.challenge`: an exercise.
-*   `.checklist`: checklists.
-*   `.keypoints`: key points of an episode.
-*   `.objectives`: episode objectives.
-*   `.prereq`: prerequisites.
-*   `.testimonial`: a laudatory quote from a user.
+> ## .callout
+>
+> An aside or other comment.
+{: .callout}
+
+> ## `.challenge`
+>
+> An exercise.
+{: .challenge}
+
+> ## `.checklist`
+>
+> Checklists.
+{: .checklist}
+
+> ## `.keypoints`
+>
+> Key points of an episode.
+{: .keypoints}
+
+> ## `.objectives`
+>
+> Episode objectives.
+{: .objectives}
+
+> ## `.prereq`
+>
+> Prerequisites.
+{: .prereq}
+
+> ## `.testimonial`
+>
+> A laudatory quote from a user.
+{: .testimonial}
 
 Most authors will only use `.callout`, `.challenge`, and `.prereq`,
 as the others are automatically generated by the template.

assets/css/lesson.scss

@@ -73,9 +73,9 @@ $codeblock-padding: 5px !default;
 .challenge{ @include bkSetup(#3c763d, "\270f"); }
 .checklist{ @include bkSetup(#D4C30B, "\e067"); }
 .keypoints{ @include bkSetup(#0B80F0, "\e101"); }
-.objectives{ @include bkSetup(#D4C30B, "\e124"); }
-.prereq{ @include bkSetup(#D4C30B, "\e240"); }
-.testimonial{ @include bkSetup(#D4C30B, "\e067"); }
+.objectives{ @include bkSetup(#9A2EFE, "\e124"); }
+.prereq{ @include bkSetup(#FF4000, "\e240"); }
+.testimonial{ @include bkSetup(#BFFF00, "\e067"); }
 
 //----------------------------------------
 // Override Bootstrap settings.