I would like to add the border-bottom attribute to certain lines in the editor view.
A part of the html code of my editor view looks like this:
<div class="line" data-screen-row="103">
<span class="syntax--source syntax--python"> <span class="syntax--comment syntax--line syntax--number-sign syntax--python"> <span class="syntax--punctuation syntax--definition syntax--comment syntax--python"> #</span> <span class="syntax--entity syntax--name syntax--section syntax--breakpoint"> %%</span> </span> </span> </div>
Whenever a line holds a span with the “syntax–section syntax–breakpoint” class I would like to add a bottom-border to it. Maybe that can be done with adding a class to the parent div using coffee script and then adding css code to my stylesheet?
However I don’t understand how to search through editor lines in a coffee script function.
I would greatly appreciate if someone could help me!