Skip to content

Instantly share code, notes, and snippets.

@jenningsb2
Last active January 29, 2022 20:50
Show Gist options
  • Save jenningsb2/2734464504dd8340facc3c486716e859 to your computer and use it in GitHub Desktop.
Save jenningsb2/2734464504dd8340facc3c486716e859 to your computer and use it in GitHub Desktop.
A small addition that adds a little descriptor indicating what heading size is being used
div.HyperMD-header.HyperMD-header-1.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after {
content: "H1";
}
div.HyperMD-header.HyperMD-header-2.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after {
content: "H2";
}
div.HyperMD-header.HyperMD-header-3.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after {
content: "H3";
}
div.HyperMD-header.HyperMD-header-4.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after {
content: "H4";
}
div.HyperMD-header.HyperMD-header-5.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after {
content: "H5";
}
div.HyperMD-header.HyperMD-header-6.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after {
content: "H6";
}
.markdown-source-view.mod-cm6 .cm-scroller {
padding-top: 10px;
padding-left: 40px;
padding-right: 17px;
padding-bottom: 10px;
}
div.HyperMD-header.HyperMD-header-1.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after,
div.HyperMD-header.HyperMD-header-2.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after,
div.HyperMD-header.HyperMD-header-3.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after,
div.HyperMD-header.HyperMD-header-4.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after,
div.HyperMD-header.HyperMD-header-5.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after,
div.HyperMD-header.HyperMD-header-6.cm-line > .cm-fold-indicator > div.collapse-indicator.collapse-icon::after {
padding-left: 6px;
padding-right: 6px;
font-size: 12px;
font-weight: 700;
color: var(--text-muted);
width: 18px;
}
:is(h1, h2, h3, h4, h5, h6)::before {
padding-left: 6px;
padding-right: 6px;
font-size: 12px;
font-weight: 700;
color: var(--text-muted);
}
h1::before {
content: "H1";
}
h2::before {
content: "H2";
}
h3::before {
content: "H3";
}
h4::before {
content: "H4";
}
h5::before {
content: "H5";
}
h6::before {
content: "H6";
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment