Hello.
I use my css snippet to color and tree view of headings.
Everything is Ok except bullets.
What I have
### Hello
- 1 efefef
- 2 ewfewfewfewfewf text till the end
efewfewfewf
- 3 wefgewfewf
What I need
### Hello
- 1 efefef
- 2 ewfewfewfewfewf text till the end
efewfewfewf
- 3 wefgew
Need help!!! What I need to change in css? I am not an IT guy at all ;))
/* Set up a counter. Not strictly required but it makes me feel better. */
:root {
counter-set: main;
}
/* Set count values for each heading level, using more digits for each subsequent level.
It doesn't actually matter what the digits are. */
div.cm-content h1,
div.cm-content .HyperMD-header-1 {
counter-reset: main 11;
color: #ffA473;
}
div.cm-content h2,
div.cm-content .HyperMD-header-2 {
counter-reset: main 2222;
color: #ffd98c;
}
div.cm-content h3,
div.cm-content .HyperMD-header-3 {
counter-reset: main 333333;
color: #a0f28b;
}
div.cm-content h4,
div.cm-content .HyperMD-header-4 {
counter-reset: main 44444444;
color: #7db4ff;
}
/* Use a ::before to indent each section based on the text size of the counter number. */
div.cm-content>.cm-line {
display: table !important; /* For achieving height: 100% on pseudo, b/c this has dynamic height */
text-indent: unset !important; /* Fix lists */
padding-inline-start: unset !important; /* Fix lists */
}
div.cm-content>.cm-line::before {
content: counter(main);
display: table-cell; /* Fills height of parent w/display:table, even if dynamic height */
color: transparent;
/* Don't expand past text content */
width: 1px;
white-space: nowrap;
/* Adjust to suit indentation size needs */
font-size: 1rem;
font-family: monospace;
}