Lists
Content
Replaces native <ul>/<ol> markers with custom absolutely-positioned bullets and tabular-nums counters, and spaces items apart via li + li. Four density/marker classes are opt-in.
| Name | Description |
|---|---|
.no-bullet |
Hides markers and removes inline padding; cascades to nested lists. |
.tight |
Tightens list item vertical spacing to --space-d3. |
.compact |
Tightens list item vertical spacing to --space-d2. |
.relaxed |
Widens list item vertical spacing to --space-2. |
.task-list-item |
Applied to task list items (- [ ]), displaying interactive or static checkbox. |
.task-field |
Inline badge representation for Dataview-style [key:: value] metadata. |
What - [ ] Ship it [priority:: 1] becomes
<li class="task-list-item">
<input type="checkbox" disabled> Ship it
<span class="task-field" data-field="priority">priority: 1</span>
</li>
Live
All classes
LIST UTILITIES
| Class | Declares |
|---|---|
.no-bullet, .no-bullet ul |
list-style: none |
TASK LISTS
| Class | Declares |
|---|---|
.task-list-item |
display: none |
.task-field |
display: inline-block |