Hi,
I'm trying to do something with SilverBullet which may or may not be possible.
I want to create custom CSS using space-style so that long lines in fenced code blocks don't wrap, but instead offer a horizontal scrollbar whenever one or more lines in the fenced code block is longer than the width of the grey box containing the code block. I've done this numerous times with HTML documents generated from AsciiDoc, Pandoc and the likes, but I'm not sure it's possible with SilverBullet.
When I look at the HTML document from a SilverBullet page I see that there is no <div> "hierarchy" where all lines from a given code block are contained within a encompassing <div>; instead, all lines in the document sit flat next to each other, whether they are part of a code block or not.
Therefore, using the following space-style:
.sb-line-fenced-code {
white-space: pre;
overflow: auto;
}
the scrollbar appear invidually under long lines instead of appearing once at the bottom of the code block.
Is there a plan at some point to create some hierarchical "container" structure with each page so that styles can be applied at levels less granular than the line level, or is this the way things will stay for the foreseeable future?