Css-powered outline-like mode

I would also love to see better visual/display support of outlines in both edit/source and preview mode! It would be great to have something like (but a bit more subtle):

- some idea
| - some more details
| | - details on the further details
| - some other more details
- some other idea
| - some more details on some other idea

Outlining may not be the main point of obsidian, but it is a common use, and it’s good to keep outlines integrated with PKM.

The following CSS roughly achieves what I was suggesting (must use tabs for indentation in source view)

/*Bullet list relationship lines*/
.cm-hmd-list-indent .cm-tab, ul ul { position: relative; }
.cm-hmd-list-indent .cm-tab::before, ul ul::before {
 content:'';
 border-left: 1px solid #424958;
 position: absolute;
}
.cm-hmd-list-indent .cm-tab::before { left: 0; top: -5px; bottom: -4px; 
}
ul ul::before { left: -11px; top: 0; bottom: 0; 
}

From here and @ryanjamurphy