Skip to content

Instantly share code, notes, and snippets.

@Quorafind
Created August 8, 2024 08:19
Show Gist options
  • Save Quorafind/0fc1c8ad3f3acac2cdac2e6eb6924cc8 to your computer and use it in GitHub Desktop.
Save Quorafind/0fc1c8ad3f3acac2cdac2e6eb6924cc8 to your computer and use it in GitHub Desktop.
embedded-list
/* attempt to better vertically align block embeds in lists */
:is(.HyperMD-list-line, .markdown-rendered :is(ol, ul)) .inline-embed[src*="#^"]:has(.markdown-preview-section > div > ul:only-child) {
margin-left: 0px;
border-left: 0px;
padding-left: 0px;
& > .embed-title {
display: none;
}
& .markdown-preview-section > div > ul:only-child {
margin-block: 0px;
padding-left: 0px;
}
& .markdown-preview-section > div > ul:only-child > li:first-child {
padding-top: 0px;
}
.task-list-item:has(> &) > .task-list-item-checkbox,
.task-list-item:has(> p > &) > p > .task-list-item-checkbox {
float: left;
margin-top: 0.075em;
}
}
.HyperMD-list-line:not(.cm-active) .inline-embed[src*="#^"]:has(.markdown-preview-section > div > ul:only-child) {
--extra-size-tweak: 2px;
display: inline-block;
vertical-align: top;
width: calc(100% - (var(--list-indent) - 24px + 2px + var(--extra-size-tweak)));
& .markdown-preview-section > div > ul:only-child > .task-list-item > .task-list-item-checkbox {
display: none;
}
}
:is(.HyperMD-list-line, .markdown-rendered :is(ol, ul)) .inline-embed[src*="#^"] .markdown-preview-section > div > ul:only-child > li:first-child > .list-bullet {
display: none;
}
.HyperMD-list-line:not(.HyperMD-task-line) > .cm-formatting-list::after {
content: " ";
display: inline-block;
padding-right: var(--list-bullet-size);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment