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

Fixes: #8731

1 files changed, 4 insertions, 1 deletions

diff --git a/test/s5-basic.html b/test/s5-basic.html
index cfd3a755d..32b578779 100644
--- a/test/s5-basic.html
+++ b/test/s5-basic.html
@@ -16,8 +16,11 @@
     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;