CSS help needed to improve documentation
https://github.com/sirixdb/sirixdb.github.io/blob/master/css/style.css
Hi all,
I'm sadly no front-end developer or web designer, thus some help would be super great :-)
Do you know how I can add line numbers for the code examples in [1]? Maybe a small link to copy the example to the clipboard would also be great.
The main stylesheet is this:
https://github.com/sirixdb/sirixdb.github.io/blob/master/css/style.css
Have a great weekend
Johannes
Otherwise, look at this.
https://www.w3.org/TR/css-lists-3/#counter-properties
Hey Johannes, check this out. Maybe it helps.
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_counter-reset
I've tried with a rouge setting, but it messed up some stuff with my CSS file.
https://github.com/jekyll/jekyll/issues/4619
For instance I couldn't clear the margin on the added HTML table-elements.
I am asking because Mike Harmer is building these themes @mikeh https://www.indiehackers.com/mikeh?id=fWFTY5G6BKcrffPpiVYCDhtOecu2
It might help you quicker, he might have gone thru this before?
I'll try this tomorrow:
https://www.bytedude.com/jekyll-syntax-highlighting-and-line-numbers/
The last method.
Ah yes, sorry for not mentioning. Maybe I can add the setting again. I'm sure it all boils down to the right CSS properties then.
I think I had to add my own CSS to handle line numbers with Rouge (Jekyll's syntax highlighter) last time I did it – there's some options you can set in the config.yml file too!
are you using Jekyll themes?
Yes :-)