add checklist ul class to default stylesheet, use it

2 files changed, 2 insertions, 1 deletions

diff --git a/lib/asciidoctor/backends/_stylesheets.rb b/lib/asciidoctor/backends/_stylesheets.rb
index b8760019..97389242 100644
--- a/lib/asciidoctor/backends/_stylesheets.rb
+++ b/lib/asciidoctor/backends/_stylesheets.rb
@@ -250,6 +250,7 @@ dl dd { margin-left: 1.125em; }
 dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; }
 .unstyled dl dt { font-weight: normal; font-style: normal; }
 ol > li p, ul > li p, ul dd, ol dd { margin-bottom: 0.625em; }
+ul.unstyled, ol.unnumbered, ul.checklist { list-style-type: none; margin-left: 0.625em; }
 ol.arabic { list-style-type: decimal; }
 ol.loweralpha { list-style-type: lower-alpha; }
 ol.upperalpha { list-style-type: upper-alpha; }
diff --git a/lib/asciidoctor/backends/html5.rb b/lib/asciidoctor/backends/html5.rb
index c6bca207..07db95f0 100644
--- a/lib/asciidoctor/backends/html5.rb
+++ b/lib/asciidoctor/backends/html5.rb
@@ -622,7 +622,7 @@ class BlockUlistTemplate < BaseTemplate
     @template ||= @eruby.new <<-EOS
 <%#encoding:UTF-8%><div#{id} class="ulist<%= (checklist = (attr? 'option-checklist')) ? ' checklist' : nil %>#{style_class}#{role_class}">
 #{title_div}
-<ul<%= checklist ? ' type="none"' : nil %>><%
+<ul<%= checklist ? ' class="checklist"' : nil %>><%
 if checklist
   # could use &#9745 (checked ballot) and &#9744 (ballot) w/o font instead
   marker_checked = (attr? 'icons', 'font') ? '<i class="icon-check"></i> ' : '<input type="checkbox" data-item-complete="1" checked disabled> '