1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
|
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../_assets/tasklist.css"/>
</head>
<body>
<div class="markdown-body">
<h1>Task List</h1>
<ul class="task-list">
<li class="task-list-item"><input type="checkbox" checked/> item 1<ul class="task-list">
<li class="task-list-item"><input type="checkbox" checked/> item A</li>
<li class="task-list-item"><input type="checkbox"/> item B
more text<ul class="task-list">
<li class="task-list-item"><input type="checkbox" checked/> item a</li>
<li class="task-list-item"><input type="checkbox"/> item b</li>
<li class="task-list-item"><input type="checkbox" checked/> item c</li>
</ul>
</li>
<li class="task-list-item"><input type="checkbox" checked/> item C</li>
</ul>
</li>
<li class="task-list-item"><input type="checkbox"/> item 2</li>
<li class="task-list-item"><input type="checkbox"/> item 3</li>
</ul>
<h1>Mixed Lists</h1>
<ul>
<li>item 1<ul class="task-list">
<li class="task-list-item"><input type="checkbox" checked/> item A</li>
<li class="task-list-item"><input type="checkbox"/> item B
more text<ol>
<li>item a</li>
<li>item b</li>
<li>item c</li>
</ol>
</li>
<li class="task-list-item"><input type="checkbox" checked/> item C</li>
</ul>
</li>
<li>item 2</li>
<li>item 3</li>
</ul>
<h1>Really Mixed Lists</h1>
<ul class="task-list">
<li>item 1<ul class="task-list">
<li class="task-list-item"><input type="checkbox" checked/> item A</li>
<li>item B
more text<ol class="task-list">
<li>item a</li>
<li>item b</li>
<li class="task-list-item"><input type="checkbox"/> item c</li>
</ol>
</li>
<li>item C</li>
</ul>
</li>
<li>item 2</li>
<li class="task-list-item"><input type="checkbox" checked/> item 3</li>
</ul>
<h1>Test Tasklists in Subparagraphs</h1>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" checked/> item 1</p>
<ul class="task-list">
<li class="task-list-item">
<p><input type="checkbox" checked/> item A</p>
</li>
<li>
<p>item a</p>
</li>
</ul>
</li>
</ul>
</div>
</body>
|