From fcc9e64ba08ec366d3be2064f43d679202f99832 Mon Sep 17 00:00:00 2001 From: Greg Wilson Date: Fri, 6 May 2016 06:03:08 -0400 Subject: [PATCH] Showing off callouts --- _episodes/02-formatting.md | 41 +++++++++++++++++++++++++++++++------- assets/css/lesson.scss | 6 +++--- 2 files changed, 37 insertions(+), 10 deletions(-) diff --git a/_episodes/02-formatting.md b/_episodes/02-formatting.md index 4d895ac..43e8105 100644 --- a/_episodes/02-formatting.md +++ b/_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. diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss index 604245e..f2c5d18 100644 --- a/assets/css/lesson.scss +++ b/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. -- GitLab