class list documentation; and a fix for trailing whitespace in the cl…

…asslist
tannishk · Mar 8, 2014 · 995811f · 995811f
1 parent 5f98232
commit 995811f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -167,7 +167,7 @@ Cleaver slides are rendered using the following template:
 
 ```handlebars
 {{#slides}}
-  <div class="slide{{#hidden}} hidden{{/hidden}}" id="slide-{{id}}">
+  <div class="slide{{#hidden}} hidden{{/hidden}} {{classList}}" id="slide-{{id}}">
     <section class="slide-content">{{{content}}}</section>
   </div>
 {{/slides}}
@@ -198,6 +198,21 @@ the page.
 **.slide-content** is a smaller window which holds the actual content of the
 slide.
 
+### Class List
+
+A class list can be placed after each "slice" (denoted `--`) to help you
+style individual slides without worrying about their index.
+
+```
+-- bg
+
+This slide will have a class "bg" associated with it
+
+-- bg blink
+
+This one, too, but it will also have the class "blink"
+```
+
 ## Slide Types
 
 ### Title slide

diff --git a/templates/default.mustache b/templates/default.mustache
@@ -5,7 +5,7 @@
 {{/progress}}
 
 {{#slides}}
-  <div class="slide{{#hidden}} hidden{{/hidden}} {{classList}}" id="slide-{{id}}">
+  <div class="slide{{#hidden}} hidden{{/hidden}}{{#classList}} {{classList}}{{/classList}}" id="slide-{{id}}">
     <section class="slide-content">{{{content}}}</section>
   </div>
 {{/slides}}