add style for task lists

as generated by pandoc

Signed-off-by: Robert Günzler <r@gnzler.io>

1 files changed, 38 insertions, 0 deletions

diff --git a/links/main.css b/links/main.css
index 9cf95db..23eb33f 100644
--- a/links/main.css
+++ b/links/main.css
@@ -172,10 +172,48 @@ main ul {
   line-height: var(--body-line-height);
 }
 
+/*main ol li+*,*/
+/*main ul li+* {*/
+/*  margin-top: 1ex;*/
+/*}*/
+
+main ol li>p,
+main ul li>p {
+  margin: 0;
+}
+
 main ol {
   list-style-type: decimal-leading-zero;
 }
 
+/* TASK LIST */
+
+main ul.task-list li {
+  list-style-type: none;
+  padding: 5px;
+}
+
+main ul.task-list li+* {
+  margin-top: 1ex;
+}
+
+main ul.task-list li:has(label:hover) {
+  padding: 4px;
+  background: color-mix(in srgb, var(--fg) 5%, transparent);
+  border: 1px solid color-mix(in srgb, var(--fg) 10%, transparent);
+}
+
+main ul.task-list li:has(input:checked) {
+  padding: 4px;
+  background: color-mix(in srgb, var(--ac) 10%, transparent);
+  border: 1px solid color-mix(in srgb, var(--ac) 20%, transparent);
+}
+
+main ul.task-list input {
+  margin: 0 1em 0 -2em;
+}
+
+/* GALLERY */
 
 main ul.gallery {
   padding: 0;