Fix: GitHub Actions のビルドエラーを修正

- pymdownx.tasklist の設定をGitHub Actions環境と互換性があるように修正
- タスクリストのクラス名をデフォルトのものに合わせて更新
- CSSとJavaScriptを更新してデフォルトのクラス名に対応

Author: Atsushi Ambo

docs/theme/extra.css

@@ -53,8 +53,8 @@ details.quiz summary:hover {
 }
 
 /* Task list styles */
-.task-list-item { 
-  list-style: none; 
+.task-list-item {
+  list-style: none;
   margin-left: -1.5em;
 }
 .task-list-item input[type="checkbox"] {
@@ -63,7 +63,22 @@ details.quiz summary:hover {
 }
 .task-list-item input:checked + p,
 .task-list-item input:checked + span,
-.task-list-item input:checked { 
+.task-list-item input:checked {
+  text-decoration: line-through;
+  opacity: 0.7;
+}
+
+/* Support for pymdownx.tasklist default classes */
+.task-list-item {
+  list-style: none;
+}
+.task-list-item input[type="checkbox"] {
+  margin: 0 0.5em 0 0;
+  vertical-align: middle;
+}
+.task-list-item input:checked + p,
+.task-list-item input:checked + span,
+.task-list-item input:checked {
   text-decoration: line-through;
   opacity: 0.7;
 }

docs/theme/extra.js

@@ -5,7 +5,7 @@
   const saved = JSON.parse(localStorage.getItem(STORAGE_KEY) || "{}");
 
   // Mark saved states
-  document.querySelectorAll("ul.task-list input[type=checkbox]").forEach((cb, i) => {
+  document.querySelectorAll("ul.task-list-item input[type=checkbox]").forEach((cb, i) => {
     cb.checked = saved[i] ?? cb.checked;
     cb.addEventListener("change", () => {
       saved[i] = cb.checked;

mkdocs.yml

@@ -28,7 +28,6 @@ markdown_extensions:
   - pymdownx.tasklist:
       custom_checkbox: true
       clickable_checkbox: true
-      class: task-list
   - attr_list
   - md_in_html