styles.html: fix task-list styling in reveal.js

Fixes: #8731

1 files changed, 4 insertions, 1 deletions

diff --git a/data/templates/styles.html b/data/templates/styles.html
index 5e70a7bb3..49a7251fd 100644
--- a/data/templates/styles.html
+++ b/data/templates/styles.html
@@ -176,8 +176,11 @@ span.smallcaps{font-variant: small-caps;}
 div.columns{display: flex; gap: min(4vw, 1.5em);}
 div.column{flex: auto; overflow-x: auto;}
 div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
-ul.task-list{list-style: none;}
+/* The extra [class] is a hack that increases specificity enough to
+   override a similar rule in reveal.js */
+ul.task-list[class]{list-style: none;}
 ul.task-list li input[type="checkbox"] {
+  font-size: inherit;
   width: 0.8em;
   margin: 0 0.8em 0.2em -1.6em;
   vertical-align: middle;