Way to display nested lists with a indent?

[konradrydzak]

Hi! :wave:

Is there a way to display nested lists with an indent?

Here is an example: Or have a look at " - Side notes:" here: https://konradrydzak.github.io/2023/05/11/typing-posts-with-markdown-syntax

I really like the simplicity of first order lists (without indentation), but it would be great if I could indent anything actually nested in them.

Thanks for all your contributions, I am in love with Sidey from the first sight!

[0xaaiden]

in _main.scss, add padding-left to .ul elements

.ul {
    padding-left: 0.5rem;
}

[konradrydzak]

in _main.scss, add padding-left to .ul elements

.ul {
    padding-left: 0.5rem;
}

Thanks for the reply!

I tried what you suggested, and .ul didn't work (do I understand correctly that the dot specifies classes? Why is it applicable here? Maybe I'm missing something), but after trying with just ul the unordered list indented as coded.

The thing was, that it indented the whole list, so I went looking for a way to indent just the nested items. I found this: StackOverflow - Indents in nested lists in HTML / CSS Based on that, I've added this code to the _main.scss:

li > ul {
    padding-left: 1rem;
}

And it worked, just as I had hoped! Here is the final result (of my struggles):

As the issue has been resolved, I'll mark it as closed. Thanks @0xaaiden for the initial push in the right direction!